Home › Forums › WoodMart support forum › Color overlay for Category heading

Color overlay for Category heading

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 23, 2019 at 4:29 am #164577

    Joie
    Participant

    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

    December 23, 2019 at 7:50 am #164611

    Aizaz Imtiaz Awan
    Keymaster

    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.

    December 23, 2019 at 9:05 am #164623

    Joie
    Participant

    I was refering to the image for category heading for a category page.
    Sorry the previous screenshot didnot upload correctly

    December 23, 2019 at 9:16 am #164629

    Joie
    Participant

    Sorry attached is what i mean

    Attachments:
    You must be logged in to view attached files.
    December 23, 2019 at 10:34 am #164646

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 5 posts - 1 through 5 (of 5 total)