Hola buenas noches, un par de clientes me han alertado (pero está si de siempre) que las miniaturas en la ficha de producto, se ven difuminadas.
En el pc si pasas el ratón por encima se aumenta el color y se pueden ver, pero en el móvil o tablet tienes que pulsar sobre ellas para que las puedas ver en grande ya que no tienen la opción ratón estos dispositivos.
¿Cómo puedo cambiar esta opción? El maquetador que utilizo es Elementor, pero no he visto ninguna función que me permita hacerlo (soy principiante) y desde personalizar, tampoco he visto opción de poder hacer que no aparezcan difuminadas.
Adjunto imagen para que lo podáis ver.
Muchas gracias, un saludo.
Contenido solo visible a usuarios registrados
Hola María Teresa,
Si deseas retirar la opacidad de todas las miniaturas que conforman la galeria del producto puedes probar con los siguientes estilos CSS
.rtwpvg-wrapper .rtwpvg-thumbnail-wrapper .rtwpvg-thumbnail-slider .rtwpvg-thumbnail-image {
opacity: 1 !important;
}
Recuerda aplicar estos estilos desde el apartado Apariencia-> Personalizar-> CSS añadido
Saludos!
@bruno-vichetti muchas gracias.
Este código que lo debo poner en la última fila de css? ¿debo dejar algún espacio con la anteior?
Un saludo.
Hola Maria,
Lo agregas al final del todo, dejas unas dos líneas de espacio entre el último que tienes y este.
Un saludo 🖐️
@argenis y @bruno-vichetti, muchas gracias por vuestra ayuda, lo habéis conseguido.
Un placer contar siempre con vosotros como equipo.
Que tal María Teresa,
Siempre es un gusto poder ayudarte, recuerda que cualquier otra consulta que tengas estaremos atentos
Saludos!