Cambio de color de elementos

Rebecca

Reputable Member

Buenos dias Pepe,

Hay una serie de elementos que queremos cambiar el color (el verde fluorescente) supongo que tenemos editarlo en editor de temas, he mirado pero la lista de css es muy larga, y voy un poco a ciegas cambiando el color, te adjunto pantallazos de las cosas que queremos cambiar por si tengo que ir algun sitio en concreto de la barra lateral derecha asi iria más rápida.

No se si ves alguna otra opción me lo dices...

adjunto pantallazo para que lo visualices mejor.

Contenido solo visible a usuarios registrados

Citar

Respondido : 15/04/2021 9:56 am

Pepe

Soporte CMS Webempresa Admin

Buenos días Rebeca.

Prueba lo siguiente:

.wishlist .wishlist-count,.cart-contents .cart-price, #secondary .widget .widget-title, .header .search-form #searchsubmit,
.widget_search #searchform #searchsubmit, .woocommerce.single-product .single_add_to_cart_button, 
.woocommerce.single-product div.product form.cart .button, .woocommerce-tabs ul.tabs li a:before{
background-color:#008080;
}

Puedes añadirlo en Apariencia -> Personalizar -> CSS Adicional.

Un saludo

Esta publicación ha sido modificada el hace 4 años por Pepe

ResponderCitar

Respondido : 15/04/2021 10:55 am

Rebecca

Reputable Member

@pepesoler

Buenos días,

He probado de añadir esta etiqueta y no funciona... otra opción seria buscar cada uno a uno e ir cambiándolos de color. más manual pero puede funcionar no?

gracias

ResponderCitar

Respondido : 16/04/2021 11:58 am

Karen Rios

Soporte CMS Webempresa Moderator

Hola Rebecca,

En este caso para darle prioridad a este cambio prueba añadir la palabra !important al código, por ejemplo verifica con el siguiente

.wishlist .wishlist-count,.cart-contents .cart-price, #secondary .widget .widget-title, .header .search-form #searchsubmit,
.widget_search #searchform #searchsubmit, .woocommerce.single-product .single_add_to_cart_button, 
.woocommerce.single-product div.product form.cart .button, .woocommerce-tabs ul.tabs li a:before{
background-color:#008080 !important;
}

Añadelo en el apartado Apariencia -> Personalizar -> CSS Adicional

Comprueba si de esa forma logras modificar el color que deseas

Un Saludo

ResponderCitar

Respondido : 16/04/2021 12:21 pm