Avisos
Vaciar todo

[Resuelto] cambiar color mensajes tienda online  

 
Jennifer
 Jennifer
Usuario experto

Hola,

los mensajes en mi tienda me aparecen en color azul y me gustaria cambiarlos a mi color corporativo rosa, FFDDEA

pongo ejemplos de los mensajes que digo, pero seria cambiar todos los que puedan aparecer en las diferentes paginas de mi tienda

 

image
image
image

Gracias

Contenido solo visible a usuarios registrados

Respondido : 15/04/2023 1:30 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jenniffer.

.- Añade lo siguiente en apariencia -> Personalizar -> CSS Adicional

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
background-color: #ffddea!important;
color: #181818!important;
}

 

Un saludo

Respondido : 15/04/2023 1:43 pm

Jennifer
 Jennifer
Usuario experto

@pepesoler muchas gracias. Acabo de ver que en la pestaña de tienda, cuando entro a un producto en concreto me aparecen el precio, añadir al carrito y las etiquetas en azul, así:

image
image

y quiero cambiarlos de color. En un producto ya lo he hecho individualmente pero me gustaría saber si se puede cambiar globalmente para no estar cambiandolo cada vez que añada un producto nuevo.

Los colores serían los siguientes:

Para el precio: #ff96ae

Para añadir al carrito: #f40082

Para las etiquetas: negro

 

Muchas gracias,

Respondido : 16/04/2023 8:20 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Jennifer,

Veo aplicados los cambios solicitados de forma satisfactoria

image

Nos confirmas si podemos dar por resuelta tu consulta

Saludos!

Respondido : 17/04/2023 2:10 am

Jennifer
 Jennifer
Usuario experto

@bruno-vichetti hola bruno, justo ese artículo es el que comento que cambié manualmente, y lo que quisiera es que esos cambios se hicieran automaticamente cada vez que añado un nuevo producto. Porque he añadido uno nuevo y me aparece así:

image
image

Los colores que quiero que aparezcan serían los siguientes:

Para el precio: #ff96ae

Para el botón añadir al carrito: #f40082

Para las etiquetas: negro

Gracias,

Respondido : 17/04/2023 1:44 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jennifer.

Las clases son globales para todos los productos.

Para el precio puedes utilizar:

p.price {
color: #ff96ae!important;
}

 

Para el botón:

button.single_add_to_cart_button.button.alt.wp-element-button.disabled.wc-variation-selection-needed {
color:#f40082!important
}

 

Un Saludo

Respondido : 17/04/2023 2:00 pm

Jennifer
 Jennifer
Usuario experto

@pepesoler vale, ahora ya me aparece bien el precio y el botón añadir al carrito pero se me ha desconfigurado y vuelto al azul otros elementos, como el color en la barra superior, el marcado de la palabra tienda y el texto en la barra inferior. Ahora me sale así en la página tienda:

image
image

en las otras páginas me sale bien:

image
image

un saludo,

 

Respondido : 17/04/2023 2:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jenniffer.

Prueba con esto:

div#top-header {
background-color: #fff5fa!important;
color: #181818;
}

#top-header a, #top-header a {
color: #181818;
}

 

Tienes un curso de CSS que te ayudará para poder hacer todas esas modificaciones:

-> https://www.webempresa.com/university/curso-css-wordpress/

 

Un saludo

Respondido : 17/04/2023 3:07 pm

Jennifer
 Jennifer
Usuario experto

@pepesoler gracias, ahora ya sale bien! echaré un vistazo a curso 😉

Respondido : 17/04/2023 4:47 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jennifer, 

Enhorabuena te ha funcionado, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 

Respondido : 17/04/2023 5:01 pm