Buenos días,
necesito ayuda para cambiar el color azul que por defecto tienen los títulos los productos con el tema Storefront. He encontrado un CSS que lo hace, pero sólo en los productos que pertenecen subcategorías de alimentación. otros tipos ed productos siguen apareciendo en azul. Por ejemplo, donde sí ha cambiado:
https://marketmaestrat.com/categoria-producto/alimentacion/quesos/
Y ejemplo dónde persiste el azul:
https://marketmaestrat.com/experiencias-culla/
y si se pudiera cambiar en la configuración del escritorio, mejor aun, pero no encuentro dónde podría ser (en Apariencia --> personalizar, hay un apartado de tipografía, pero no afecta a los productos).
Gracias, un saludo.
Ah, el código empleado es este:
a .woocommerce-loop-product__title { color: red; } a:hover .woocommerce-loop-product__title { color: blue; }
Contenido solo visible a usuarios registrados
Añado a lo anterior...
Los productos en los que sí ha cambiado el color se muestran en el menú y en la URL como "categorías de producto" de woocommerce, y es ahí donde debe tener efecto el código (el woocommerce-loop-product del código, supongo).
En cambio, las experiencias, servicios, alojamiento... se muestra en páginas "normales" a las cuales mediante Elementor añado un contenedor con "productos", y los llamo y clasifico (consulta) mediante las etiqueta de los productos. Y supongo que deben tener un tratamiento distinto en el código CSS para cambiar el color.
Hola Joaquín
Prueba con esto:
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title {
color:red;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title:hover {
color:blue;
}
Un saludo
Gracias Pepe, funciona perfecto!
Un saludo
Hola Joaquín.
Genial !!! me alegra que lo solucionaras 😀
Cualquier consulta que tengas no dudes en comunicarlo.
Un Saludo