Avisos
Vaciar todo

[Resuelto] Colores comparador

10 Respuestas
3 Usuarios
0 Reactions
27 Visitas
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Buenas,

Nos gustaría cambiar dos cosas en el comparador que tenemos en la web:

1. Nos gustaría poner en color "blanco" el fondo de la Pop Up que se abre al comparar productos:

Captura2

2. Poner en color "negro" el tick y el "añadido" que sale cuando se marca "comparar" en cualquier producto.

Captura

Muchas gracias por adelantado.

Contenido solo visible a usuarios registrados


 
Respondido : 13/06/2021 9:54 pm
Argenis
Respuestas: 11577
Illustrious Member Moderator
 

Hola Alba,

Para la primera solicitud verifica agregar el siguiente código:

.popup_animation.yes_no_buttons_right {
background-color: white !important;
}

Con respecto a la segunda es un poco mas complicado por que no hay un estado de activo en la programación del mismo, verifica agregando el siguiente:

span.br_compare_button_text:active {
color: black !important;
}

Verifica con esto y nos comentas, un saludo 🖐️ 


 
Respondido : 13/06/2021 10:52 pm
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Hola,

Muchas gracias por tu rápida respuesta.

Acabamos de probar ambos códigos y no funciona ninguno de los dos.

¿Alguna otra solución?

Un saludo.


 
Respondido : 13/06/2021 11:37 pm
Argenis
Respuestas: 11577
Illustrious Member Moderator
 

Hola Alba,

Donde los has agregado? recuerda que debes agregarlos en Apariencia > Personalizar > css adicional.

Si los has agregado en este espacio entonces tiene que ver o bien con la cache del sitio o bien en el peor de los casos que el complemento de comparación requiere algún tipo de interacción especial o edición de archivo interno de css para funcionar.

Un saludo 🖐️ 


 
Respondido : 13/06/2021 11:39 pm
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Sí, en CSS adicional:

Captura

Pero no parece que cambie nada.

¿Habría que añadir algo más en los códigos para hacerlos funcionar?

Un saludol


 
Respondido : 13/06/2021 11:47 pm
Argenis
Respuestas: 11577
Illustrious Member Moderator
 

Hola Alba,

He verificado instalando el mismo complemento que tienes, y en ambos me ha funcionado de forma correcta.

Has vaciado la cache de tu explorador y la de tu wordpress? tienes que vaciar todas las caches que tengas activas, adicional veo que no tienes un complemento para gestionar esta misma cache.

Lo ideal seria instalar uno y verificar vaciando esta misma.

Un saludo 🖐️ 


 
Respondido : 13/06/2021 11:58 pm
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Hola,

Lo del fondo blanco ya lo hemos conseguido pero el segundo código para poner en negro el "añadido" no funciona.

Hemos probado también a vaciar la caché del navegador y a instalar un plugin de caché, pero no conseguimos ponerlo en negro. 

¿Alguna otra posible solución?

Muchas gracias.


 
Respondido : 15/06/2021 10:50 pm
Bruno
Respuestas: 6459
Illustrious Member Moderator
 

Que tal Alba

Con respecto al codigo CSS para cambiar el color del boton puedes probar el siguiente

.br_compare_button.br_compare_added .fa-check-square-o {
color: black !important;
}
.br_compare_added br_compare_button_text {
color: black !important;
}

Saludos


 
Respondido : 15/06/2021 11:23 pm
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Tema resuelto!

Muchas gracias.


 
Respondido : 16/06/2021 9:52 pm
Bruno
Respuestas: 6459
Illustrious Member Moderator
 

Que tal Alba,

Excelente, me alegra que el tema ha sido solucionado, cualquier otra consulta estaremos atentos

Saludos!


 
Respondido : 16/06/2021 10:19 pm