Avisos
Vaciar todo

[Resuelto] Cambio color carrito en el header  

 
Sergio
 Sergio
Usuario activo

Buenas, no sé porqué pero no encuentro la forma de cambiar el color del carrito del header. He probado con las opciones del tema bridge, pero no cambia y también con el siguiente código:

.shopping_cart_header .header_cart.cart_icon:before {
color: #ffffff !important;
}

También me gustaría cambiar el tamaño, hacerlo un poco más grande.

¿Me podéis ayudar?

Gracias.

Contenido solo visible a usuarios registrados

Respondido : 08/07/2025 10:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergio

Prueba con este código:

.shopping_cart_header .header_cart.dripicons-cart:before {
color: #fefefe!important;
font-size: 55px!important;
}

 

Un Saludo

Respondido : 08/07/2025 11:22 am

Cursos Gratuitos WordPress

Sergio
 Sergio
Usuario activo

@pepesoler

Ha funcionado perfectamente, pero veo que el número de productos que hay en el carrito es pequeño, ¿cómo puedo cambiar el color y el tamaño al número?

Gracias

Respondido : 08/07/2025 12:44 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sergio, 

Para cambiar el tamaño al número del indicador de productos del carrito puedes probar con el siguiente código CSS

.shopping_cart_header .header_cart.dripicons-cart .header_cart_span {
color: #000000 !important;
font-size: 16px !important;
}

Verifícalo y nos comentas como va todo

Un Saludo 😊 

Respondido : 08/07/2025 1:44 pm

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

Sergio
 Sergio
Usuario activo

@karen

Buenos días, funciona correctamente, el único problema es que se me queda pequeño el fondo que hay debajo del número, ¿hay algún código para aumentarle el tamaño?

Respondido : 09/07/2025 6:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergio.

Prueba con esto:


.shopping_cart_header .header_cart.dripicons-cart .header_cart_span{
color: #fff !important;
top: -10px!important;
right: -7px!important;
width: 20px!important;
height: 20px!important;
line-height: 17px!important;
}

 

Un saludo

Esta publicación ha sido modificada el hace 1 mes 2 veces por Pepe
Respondido : 09/07/2025 9:50 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Sergio
 Sergio
Usuario activo

@pepesoler Buenos días, funciona correctamente, gracias por vuestra ayuda.

Respondido : 14/07/2025 9:01 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergio, Buenos días

Nada, Gracias a ti 😀 

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un Saludo

Respondido : 14/07/2025 9:06 am