En este manual sobre Prestashop, comentamos la forma de cambiar el fondo y el color del porcentaje del descuento en el bloque de promociones especiales en Prestashop.
Para cambiar el fondo y el color del porcentaje de descuento del bloque de promociones especiales en Prestashop, seguiremos los siguientes pasos:
1) Nos dirigimos al fichero:
modules/blockspecials/blockspecials.css
Y dentro del fichero, buscamos el siguiente código CSS:
#special_block_right .products span.reduction {
display:block;
float:right;
padding:0 0 0 10px;
font-weight:bold;
font-size:12px;
color:#fff;
background:url(img/bg_reduction.png) no-repeat 0 0
}
Y también el siguiente código:
#special_block_right .products span.reduction span {
display:block;
padding:1px 5px 1px 0;
background:url(img/bg_reduction.png) no-repeat 100% 0
}
Por defecto, el fondo es una imagen, que se encuentra en la siguiente ruta:
modules/blockspecials/img/bg_reduction.png
Podemos cambiar la imagen directamente.
Y para cambiar el color de la letra/texto, simplemente con cambiar el valor de la propiedad calor:
color:#fff;
Por el color, que queramos aplicar, dentro de:
#special_block_right .products span.reduction
En el fichero: modules/blockspecials/blockspecials.css será suficiente.
Documento construido con Prestashop 1.5.3.1
