SOLUCIONADO-Movimiento y formato LOFTNEWPRODUCTS

[AMELIASMF]

Hola, tengo el módulo LOFNEWPRODUCTS y estaba intentando cambiarle el aspecto y tengo el siguiente problema (mi fondo de página es una fotografía en negros)

 

1.- cuando pongo el cursor por encima, el módulo se me mueve unos milimetros hacia arriba y se pone pfrácticamente en blanco. Quisiera mantenerlo en negros

 

2.- quisiera eliminar ese movimiento hacia arriba

 

GRACIAS por vuestra ayuda

Edited May 8, 2013 by AMELIASMF (see edit history)

[tamu secreto]

no conosco el modulo, pero parece que puede solucionar su problema modificando el CSS del modulo, busque las classe o id de de los estilo y cambie los HOVER

normalmente estan relacionados a etiquetas <a pero pueden estar relacionados a un div, span, etc.

ejemplo:

 

.el_estilo a:hover { background : #fff; font-size: 23px......}

 

o

 

.span:hover { background : #fff; font-size: 23px......}

etc etc...

 

saludos

[Feliz Garcia]

no conosco el modulo, pero parece que puede solucionar su problema modificando el CSS del modulo, busque las classe o id de de los estilo y cambie los HOVER

normalmente estan relacionados a etiquetas <a pero pueden estar relacionados a un div, span, etc.

ejemplo:

 

.el_estilo a:hover { background : #fff; font-size: 23px......}

 

o

 

.span:hover { background : #fff; font-size: 23px......}

etc etc...

 

saludos

 

Yo soy un total novato, pero ¿puedes ser un poco mas explicito en referencia al modulo?

 

gracias

[AMELIASMF]

Gracias por tu respuesta,

 

He conseguido cambiar el color negro: GRACIAS

 

PEEERO, no he conseguido eliminar el movimiento hacia arriba .....que es bastante incómodo.

 

Te adjunto el CSS (aprendiz: lo puedes encontrar en la ruta

modules/lofnewproduct/tmpl/default/assets/style.css)

para ver si me puedes echar una mano y saber qué exactamente tocar.... GRACIAS

 

.newproduct-widget:hover {

background-color: black;

margin-top: 10;

}

.newproduct-widget {

position: relative;

margin-top: 30;

}

.newproduct-widget header {

background-color: #CFCFCF;

border-bottom: 1px solid #CFCFCF;

padding: 0px;

}

.newproduct-widget .newproduct-title {

background-color: black;

color: yellow;

margin-bottom: 0;

padding: 0px 10px 4px;

}

.responsive-img {

height: auto;

max-width: 100%;

}

.lof-pager {

padding: 13px;

height: 0px;

position: absolute;

right: 60px;

top: 0px;

}

.lof-pager a {

background: url("images/miscellaneous_sprite.png") no-repeat scroll 0 -300px transparent;

display: inline-block;

height: 15px;

margin: 0 5px 0 0;

width: 15px;

}

.lof-pager a.selected {

background-position: -25px -300px;

cursor: default;

}

.lof-pager a span {

display: none;

}

.newproduct-widget .newproduct-title {

background-color: #FF69B4;

color: #000000;

margin-bottom: 0;

padding: 3px 10px 4px;

}

.list-newproduct > ul {

display: block;

height: 100%;

list-style: none outside none;

margin: 0;

padding: 0;

}

.list-newproduct ul li {

display: block;

float: left;

height: 100%;

margin-right: -1px;

padding: 0;

width: 189px;

}

.list-newproduct ul li article {

height: 100%;

padding-top: 0px;

}

.list-newproduct ul li .newproduct-item {

margin-left: 11px;

margin-right: 10px;

}

.list-newproduct ul li article img {

height: auto;

width: 100%;

}

.list-newproduct ul li .newproduct-item .entry-content {

margin-top: 15px;

}

.list-newproduct ul li article h4 {

margin-top: 3px;

}

.list-newproduct ul li article h4 a {

color: white;

}

.list-newproduct ul li article p {

margin-top: 5px;

}

.list-newproduct.responsive {

width: auto;

}

.list-newproduct .newproduct-nav {

position: absolute;

right: 10px;

top: 10px;

width: 71px;

}

.list-newproduct .newproduct-nav a {

outline: medium none;

text-decoration: none;

}

.list-newproduct .next, .list-newproduct .prev {

background: url("images/carousel-nav.png") no-repeat scroll 0 0 transparent;

height: 17px;

position: absolute;

top: 0;

width: 17px;

}

.list-newproduct .next {

background-position: -33px -33px;

right: 0;

}

.list-newproduct .next:hover {

background-position: -33px 0;

}

.list-newproduct .prev {

background-position: 0 -33px;

right: 20px;

}

.list-newproduct .prev:hover {

background-position: 0 0;

}

.newproduct-item .video-thumb {

position: relative;

}

.newproduct-item .play-icon {

background: url("images/play.png") no-repeat scroll center center transparent;

display: block;

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 168px;

}

.newproduct-item .black-overlay {

background: none repeat scroll 0 0 yellow;

cursor: pointer;

display: block;

height: 100%;

opacity: 0.3;

width: 100%;

}

Edited May 8, 2013 by AMELIASMF (see edit history)

[Sergio Ruiz]

Dime la url de tu web, que vea el movimiendo ese que comentas.

[AMELIASMF]

http://kokomel.info/index.php

 

 

Gracias

[nadie]

Buenas tardes a todos,

 

Estoy en el movil, no puedo ver la web, ni leer el el mensaje completo, pero creo que lo que buscas esta en el fichero que comentas

 

modules/lofnewproduct/tmpl/default/assets/style.css

 

dentro de.

 

.newproduct-widget:hover

[AMELIASMF]

Gracias, esta línea aparece así .

newproduct-widget:hover {transparent; margin-top: 10;

 

¿Qué cambio he de hacer?. Borrarla???

 

GRACIAS

[AMELIASMF]

Ya lo he solucionado. He borrado las tres referencias a hover del fichero: a saber

.newproduct-widget:hover {

background-color: black;

margin-top: 10;

}

 

.list-newproduct .next:hover {

background-position: -33px 0;

}

 

y

.list-newproduct .prev:hover {

background-position: 0 0;

}

 

Con esto, solucionado. GRACIAS a los que me han ayudado. Soy unos soletes.

[nadie]

Ya lo he solucionado. He borrado las tres referencias a hover del fichero: a saber

.newproduct-widget:hover {

background-color: black;

margin-top: 10;

}

 

.list-newproduct .next:hover {

background-position: -33px 0;

}

 

y

.list-newproduct .prev:hover {

background-position: 0 0;

}

 

Con esto, solucionado. GRACIAS a los que me han ayudado. Soy unos soletes.

 

Si has solucionado el tema, no se te olvide añadir la palabra "Solucionado" al titulo del tema, esto ayudara a mantener una mayor organización en el foro.