Avisos
Vaciar todo

[Resuelto] Cambio color carrito en el header

8 Respuestas
3 Usuarios
0 Reactions
22 Visitas
Respuestas: 20
Eminent Member
Topic starter
 

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 9:51 am
Pepe
 Pepe
Respuestas: 41230
Illustrious Member 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 10:22 am
Respuestas: 20
Eminent Member
Topic starter
 

@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 11:44 am
Karen Rios
Respuestas: 18766
Illustrious Member 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 12:44 pm
Respuestas: 20
Eminent Member
Topic starter
 

@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 5:43 am
Pepe
 Pepe
Respuestas: 41230
Illustrious Member 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 3 meses 2 veces por Pepe
 
Respondido : 09/07/2025 8:50 am
Respuestas: 20
Eminent Member
Topic starter
 

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


 
Respondido : 14/07/2025 8:01 am
Pepe
 Pepe
Respuestas: 41230
Illustrious Member Admin
 

Hola Sergio, Buenos días

Nada, Gracias a ti 😀 

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un Saludo


 
Respondido : 14/07/2025 8:06 am