Avisos
Vaciar todo

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

7 Respuestas
3 Usuarios
0 Reactions
23 Visitas
Hermelo
Respuestas: 13
Active Member
Topic starter
 

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
Respuestas: 4380
Famed Member 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
Bulmaro
Respuestas: 4380
Famed Member 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
Respuestas: 13
Active Member
Topic starter
 

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
Respuestas: 11585
Illustrious Member 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
Respuestas: 13
Active Member
Topic starter
 

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
Argenis
Respuestas: 11585
Illustrious Member 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