Tagged: CSS, hover effect, Product Grid, woocommerce
Hello guys,
Great work with the theme!
I am looking to be able to have product grid hover effect just like http://www.hardgraft.com. Where pretty much just change the color of the product name text and price.
I did a bit of CSS modification beforehand to hide the add_to_cart bit.
My website is http://www.waroonk.com
Let me know,
Yudo
Hey outsourceblock!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.inner_product:hover .inner_product_header * {
color: orange!important;
}
Cheers!
Yigit
Hey Yigit,
Thanks for the response it works really well.
Another thing if you could help me please,
1. How to change the font color for the glassy header ? (the color when the header shrunk when the page is scrolled down).
I just would like to change it to black color as well.
2. How to not display the glassy header borders (again this appear on website when we scroll down the page)
Thanks heaps,
Yudo
Hey!
1- Please go to Enfold theme options > Advanced Styling and edit “Main menu links”
2- Please add following code to Quick CSS as well
div#header_main {
border: none!important;
}
Best regards,
Yigit
Its all worked out!
Thanks Yigit.