Ayuda para cambiar fondo background precio

[dimoky]

Buenas, tenia una pregunta, me gustaria cambiar el fondo que sale tras el precio al pasar el raton por el producto en la pagina principal de mi tienda.(es el gris oscuro que sale tras el precio)

La web es esta: www.tecnoinformatica.com.es

Lo intente cambiando el archivo price-container-bg.png de la carpeta theme/img pero sigue el mismo color.

¿Alguien sabe como cambiarlo?

 

Adjunto una foto:

[Alfonso PcMaximo]

Hola amigo.

 

Solo tienes que  localizar el archivo: "product_list.css la ruta en mi caso es:
public_html/themes/PcMaximo/css/product_list.css

Pcmaximo es el nombre de mi tema, en tu caso busca el nombre del tema que uses...

 

Ve a la linea 180-183 y déjala así

 

        background-color: #f86600; <--- este es el color que yo le puse

        padding: 9px 0;

        display: none; }

        ul.product_list.grid > li .product-container .product-image-container .content_price:hover{background:black;}<--- este es el color que cambia al pasar el mouse.

Toma en cuenta que el color que tiene por defecto no es un color si no una imagen y tiene la propieda de transparencia para que deje ver el fondo de la foto.
Si lo deseas agrega este código:
 

    opacity: 0.7;

 

Espero esto es lo que quieres.
Me diste una buena idea y lo agregué a mi tema.

 

Saludos cordiales.

 

pcmaximo.com

Edited August 12, 2017 by pcmaximo (see edit history)

[dimoky]

Era eso mismo,muchas gracias.

Tengo otra pregunta respecto a esto, cuando paso el raton sobre el cuadro del color se pone de esta manera(adjunto foto),habria forma de que se pusiese del mismo color que he asignado¿?Cual seria el codigo para editar estos(en que linea esta)¿?(adjunto foto 2)

 

Asi es como se queda el fondo al pasar el raton

 

El de populares lleva el raton pasado por encima, querría cambiar esos también al igual que hice con el del precio

 

Un saludo y muchas gracias.

 

 

 

Edited August 14, 2017 by dimoky (see edit history)

[dimoky]

• Ya lo he encontrado,el color al pasar el ratón es el que decías en el código(no me fije bien)

 

public_html/themes/PcMaximo/css/product_list.css

Pcmaximo es el nombre de mi tema, en tu caso busca el nombre del tema que uses...

 

Ve a la linea 180-183 y déjala así

 

        background-color: #f86600; <--- este es el color que yo le puse

        padding: 9px 0;

        display: none; }

 

        ul.product_list.grid > li .product-container .product-image-container .content_price:hover{background:black;}<--- este es el color que cambia al pasar el mouse.

Sustituyes black por otro color o código y este se cambiará.

• En cuanto a cambiar el color de fondo de Novedades y Populares esto se encuentra en:

public_html/themes/tutema/css/global.css

Sobre la linea 6500 te encuentras:

#home-page-tabs > li.active a,
  #home-page-tabs > li a:hover {
    background: #245a9a;
    color: #fff;
    padding: 10px; }

Donde pone background cambias el color.