Cambiar el fondo y color del porcentaje de descuento en el bloque de promociones especiales en Prestashop 1.5

En esta guía, explicaremos como cambiar  el fondo y el color del porcentaje del descuento en el bloque de promociones especiales en Prestashop 1.5.

rebajaDescuento

Bloque Promociones especiales en Prestashop

Para cambiar el fondo y el color del porcentaje de descuento de tal bloque en Prestashop, seguiremos los siguientes pasos:

1) Iremos al fichero:

modules/blockspecials/blockspecials.css

Y dentro del fichero, buscaremos el siguiente código:

#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, simplemente con cambiar en este caso esto:

color:#fff;

Por el color, que queramos aplicar, dentro de:

#special_block_right .products span.reduction

En el fichero: modules/blockspecials/blockspecials.css sera suficiente.

Esta modificación, ha sido probada en Prestashop 1.5.

Print Friendly
Hosting Prestashop