different subheader image for each product category

Azerian · February 2020

I want to have different subheader image for each product category.

I find the category page term and put this css code in custom css section:

body.term-29 #Header_wrapper{

}

but it does not work for me.

Please help me with this issue.

Thanks.

Pablo · February 2020

Hello,

Your page "111.com" does not work.

Did you remove it or something? I need to take a look at the page to solve the problem.

Thanks

Azerian · February 2020

That is not the correct url, It was just an example. My website is under construction.

Can you please tell me what part of my css code is wrong?

Pablo · February 2020

I have to check the code on your website.

I'm not sure how you exactly attached it.

Can you reach us when your page will be live?

Thanks

Azerian · February 2020

sure, I will contact you in a few days when the test version is up.

Thank you for your quick response.

mrjafari · January 2021

Hi there,

I have the same question.

For our various products category, we would like to have a photo related to the same product category as a subheader photo.

I send a link to our website, it would be nice if I get an answer at the earliest.

Cheers

Phil · January 2021

Please, try the following Custom CSS Code, and put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

body.term-fresh-dates #Subheader{
   background-image: url(link to your subheader image)!important;
}

Thanks

mrjafari · January 2021

Dear Phil,

Thanks a lot, it works.

Cheers

mrjafari · January 2021

Hi there,

Could you please let me know how I can change the same in My account page ?

Cheers

Phil · January 2021

Please, try to choose your Subheader in page options for that page.

Thanks

Comments