Color overlay for Category heading
-
Hello, how can i add color overlay to the category heading images. so that whatever images used, they have a good contrast with the white text category.
Currently i edit and darken the image used manually.
Thank you.
Joie
Hello,
If you want your category image in some other color except of white. Then simply edit your categories one by one from Products >> Categories. There is no such option to add overlay on those images.
Screenshot for clarification: https://jmp.sh/rZKzpTu
If you want to achieve something else then share the screenshot so I can check and guide you accordingly.
Best Regards.
I was refering to the image for category heading for a category page.
Sorry the previous screenshot didnot upload correctly
Sorry attached is what i mean
Attachments:
You must be
logged in to view attached files.
Hello,
You can use the below CSS code in global custom CSS area under theme settings >> custom CSS to add color overlay to the category heading image:
.woodmart-archive-shop .main-page-wrapper div:hover{
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-color: rgba(0,0,0,0)
}
Video for clarification: https://jmp.sh/3iehw8l
If you want some other color you can change the rgba color code.
Best Regards.
.
