Avisos
Vaciar todo

[Resuelto] Cambiar color del nombre del producto destacado en WooCommerce  

 
Hermelo
 Hermelo
Usuario activo

Hola, tengo en mi página principal los productos destacados de mi tienda y el problema es que el nombre del producto que está en letras blancas no se lee bien porque la foto mi producto tiene también blanco. Queda fatal. Entonces quiero cambiar el color de la fuente del nombre del producto destacado y del precio (que también ocurre lo mismo). Qué puedo hacer????

Contenido solo visible a usuarios registrados

Respondido : 08/02/2021 10:34 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola,

Agrega el siguiente código CSS desde Apariencia -> Personalzar -> CSS adicional:

.wc-block-featured-product .wc-block-featured-product__title{
color: #2D4846;
}

Donde #2D4846 es el color de la fuente en notación heaxedecimal, para otener dichos códigos puedes hacerlo desde la siguiente web -> Contenido solo visible a usuarios registrados en el cuadro titulado "Generador de códigos RGB"

Saludos 

Respondido : 08/02/2021 11:38 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola,

Agrega el siguiente código CSS desde Apariencia -> Personalzar -> CSS adicional:

.wc-block-featured-product .wc-block-featured-product__title{
color: #2D4846;
}

Donde #2D4846 es el color de la fuente en notación heaxedecimal, para otener dichos códigos puedes hacerlo desde la siguiente web -> Contenido solo visible a usuarios registrados en el cuadro titulado "Generador de códigos RGB"

Saludos 

Respondido : 08/02/2021 11:38 pm
Hermelo
 Hermelo
Usuario activo

Genial!!! y también lo he hecho para el precio:

.wc-block-featured-product .wc-block-featured-product__price{
color: #BCA34B;
}

Todo OK. Ahora bien, la letra del precio la quiero poner más grande y en negritas. ¿Qué CSS debo usar?

Respondido : 09/02/2021 4:52 pm

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Hemelo,

Nos puedes enviar en donde esta la sección a la que te refieres? si es el que se encuentra dentro al hacer click a un producto puedes utilizar el siguiente css:

span.woocommerce-Price-amount.amount {
font-weight: bold;
font-size: 30px;
}

Un saludo 🖐️ 

Respondido : 09/02/2021 5:10 pm
Hermelo
 Hermelo
Usuario activo

Hola Argenis, gracias por la información. La quería para el producto destacado pero he visto que ese CSS me vale tanto el producto en tienda como para el destacado. 

Listo, gracias!

Respondido : 11/02/2021 6:23 pm

Cursos Gratuitos WordPress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Hermelo,

Estupendo, nos alegra lograses solventar el problema, recuerda si tienes alguna otra duda puedes crear un nuevo tema y con gusto lo atenderemos.

Un saludo 🤓 🖐️ 

Respondido : 11/02/2021 6:26 pm