Good afternoon!
I want to reduce the size of the titles of the products shown in my eshop project
See a screen print in http://cromlab.info/wp-content/uploads/2018/06/Pantalla.png.
I added the following code in Quick CSS and in Additional CSS under Enfold Theme with no success!
h2.woocommerce-loop-category_title {
font-size: 10px !important;
}
Can you help me?
I’m a beguinner so your help willbe very appreciated!!!
Hey jbc2018,
Thank you for reaching out to us. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Product title */
#top h2.woocommerce-loop-product__title {
font-size: 1em;
}
/* End CSS */
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
If you still have any issue please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay