cambiar color flechas homeslider prestashop

Cambiar color de las flechas del homeslider

En ocasiones necesitamos cambiar el color de las flechas que aparecen en el deslizador de diapositivas de nuestra página de inicio, ya sea porque no se ven al tener el mismo color que el fondo de las diapositivas  o porque nos gustaría tener un color más acorde al estilo de nuestra web.

 

Para conseguir cambiar el color de estas “flechitas” solo tenemos que realizar un pequeño cambio en un archivo css. Pues no se hable más y pongámonos manos a la obra.

El archivo que debemos modificar es homeslider.css, que se encuentra en la ruta;

tudominio/themes/tu-tema/css/modules/homeslider/homeslider.css

descarga este archivo, ábrelo y busca el siguiente trozo de código:

#homepage-slider .bx-wrapper .bx-controls-direction a:after {
    color: white;
    display: block;
    font-family: "FontAwesome";
    font-size: 21px;
    height: 48px;
    left: 0;
    padding: 16px 0 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 48px;
    z-index: 2;
}

Cambia el color “white” por el color que deseas que se muestre en tu web (puedes usar valores hexagesimales con el formato #000000). Es posible que en vuestro archivo el color blanco aparezca como #fff o #ffffff, que corresponde a blanco.

Ahora guarda el archivo, vuelve a subirlo a tu servidor y comprueba el cambio en tu web. Y recuerda que si visualizas el cambio quizás debas limpiar la caché.

¡¡Y ésto es todo amig@s!!

Sobre el Autor: Franky Martin (ADMIN)

Deja un comentario

Tu dirección de email no será publicada.

12 + 9 =