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.

[Author]

Posts