Para cambiar el color del título del producto en WooCommerce, puedes agregar un poco de código CSS personalizado a tu tema o a través de un plugin de personalización CSS. Puedes también utilizar el personalizador de WordPress, aunque tienes que tener en cuanta que no todos los temas lo incluyen y debes de revisar primero.
Por último es posible incluir el código en un archivo especifico del tema, pero este método no lo recomiendo porque se puede romper la web si no tenemos los conocimientos necesarios.
Aquí te muestro cómo hacerlo de las tres formas posibles:
1. Usando un plugin de personalización CSS (recomendado para usuarios menos técnicos):
- Instala y activa un plugin de personalización CSS, como «Simple Custom CSS and JS» o «Custom CSS».
- Ve a la configuración del plugin y busca la sección para agregar tu CSS personalizado.
- Añade el siguiente código CSS:
.woocommerce-loop-product__title { color: #ff0000; /* Cambia #ff0000 por el código de color que desees */ }
2. Usando el personalizador de WordPress (si tu tema lo admite):
- Ve a «Apariencia» > «Personalizar» en tu panel de WordPress.
- Busca la opción de «CSS adicional» o «CSS personalizado» (las opciones pueden variar según el tema).
- Añade el mismo código CSS mencionado anteriormente.
3. Editando el archivo style.css de tu tema (no recomendado si no estás familiarizado con la edición de código):
- Ve a «Apariencia» > «Editor» en tu panel de WordPress.
- Busca y selecciona el archivo «style.css» en el lado derecho.
- Agrega el siguiente código CSS al final del archivo:
.woocommerce-loop-product__title { color: #ff0000; /* Cambia #ff0000 por el código de color que desees */ }
Recuerda reemplazar #ff0000 con el código de color que prefieras. Este código cambiará el color del título del producto en las páginas de listado de productos de WooCommerce. Una vez que hayas agregado el CSS, asegúrate de guardar tus cambios y revisar tu tienda para ver el efecto.
Elige entre estas tres opciones cual te viene mejor y cambia el título al color que prefieras. Si tienes algún problema solo tienes que poner en la sección de comentarios que sucede e intentaré responder lo antes posible.
Deja una respuesta