Post by Emi » Thu Apr 09, 2015 8:13 pm

Hola,

Me gustaria preguntar lo siguiente: el nivo slider viene con unas flechas de navegación, así como la barrita de navegación que sale debajo de cada foto, y me gustaria cambiarlas de color. He mirado tutoriales, pero no encuentro lo que necesito; veo tutoriales para cambiar el tipo de transicion, velocidad, etc, pero no de cómo cambiar el color y barra de navegación.

Adjunto una foto indicando con flechas lo que me hace falta cambiar de color.

saludos,

E.

Attachments

nivoslider1.jpg

nivoslider1.jpg (171.92 KiB) Viewed 913 times


Emi
Active Member

Posts

Joined
Sun Nov 02, 2014 9:08 pm

Post by Nedned » Fri Apr 10, 2015 6:22 am

Lo tienes en catalog/view/theme/nicole-fashion/stylesheet/slideshow.css

Code: Select all

.slideshow .nivo-direccionalNav a{ 


background-color xxxxx
}
Te adjunto un imagen

Saludos

Attachments

Dibujo.jpg

Dibujo.jpg (68.79 KiB) Viewed 908 times


Tipos de perros
Hoteles que admiten perros
CalcularIVA


Active Member

Posts

Joined
Thu Oct 09, 2014 2:48 pm


Post by Emi » Sat Apr 11, 2015 6:02 pm

Hola Ned,

Perfecto, muy muy bien explicado, ya he realizado los cambios. Para el que lea este post y le sea de utilidad, los números referidos por Ned son codigo rgba, por lo que posiblemente haya que utilizar un convertidor de código hexadecimal a rgba; en internet se encuentran bastante fácil. Consta de cuatro cifras, siendo la última el grado de opacidad me parece.

saludos,

E.

Emi
Active Member

Posts

Joined
Sun Nov 02, 2014 9:08 pm

Post by Emi » Sat Apr 11, 2015 6:08 pm

POr cierto Ned,

otra dudilla relacionada; estoy tratando de cambiar el color del marco que sale al pasar el puntero sobre algún producto, mouse hover me parece que se llama eso. Estoy mirando en stylesheet.css a ver si es ahí, pero no lo encuentro. Me podrías indicar si es ahí donde se cambia?

saludos,

E.

Emi
Active Member

Posts

Joined
Sun Nov 02, 2014 9:08 pm

Post by Nedned » Sat Apr 11, 2015 9:27 pm

Buenas,

Te pongo una imagen, que se ve mejor.

Lo tienes aquí:
catalog/view/theme/nicole-fashion/stylesheet/stylesheet.css

Respecto a lo de mouseover pues es un evento en Js, no tiene relación con CSS.
Tienes mouseover o onmouseover que son eventos js. Y por otro lado tienes la propiedad hover , esto si es CSS.

Tendrías que buscar las propiedad de la "caja" que tiene el producto,
que es box-product y en este caso div:hover

igualmente cambia el rgba , yo te he cambiado el tamaño , el ancho del cuadrado, en la imagen, pero puedes cambiar lo que quieras.

Attachments

Dibujo.jpg

Dibujo.jpg (51.13 KiB) Viewed 895 times


Tipos de perros
Hoteles que admiten perros
CalcularIVA


Active Member

Posts

Joined
Thu Oct 09, 2014 2:48 pm


Post by Emi » Mon Apr 13, 2015 6:24 pm

Hola Ned,

Gracias de nuevo. Como siempre, perfecto en la explicación; ya he realizado los cambios de forma fácil siguiendo tus indicaciones!

saludos,

E.

Emi
Active Member

Posts

Joined
Sun Nov 02, 2014 9:08 pm
Who is online

Users browsing this forum: No registered users and 3 guests