How to change Post Category Header Image

[ninesolutions]

Hello,

Sorry for asking.. i cant find there area which i can change the post catogory header (hero) image. it is currently just grey. Where can i find the option?

thanks!

[David Martin – Support]

Hi,

Currently that functionality does not exist for posts categories, just product categories.

You can change the grey color you mentioned for category pages with a little CSS:

.archive.category .page-heading {
    background-color: #ffffff;
}

Thanks,
David.

[ninesolutions]

Thanks David, appreciate the help.

Another question for colors here:

I am setting this blue color for my links color in blog, but the sidebar items becomes blue too, is there any css which i can add for them to remain black?

Thank you so much!

View post on imgur.com

[Rui Guerreiro – SUPPORT]

Try to add this one

.widget ul li > a {
    color: #000 !important;
}

-Rui

[ninesolutions]

Thanks Rui!!

It works perfect now!! Appreciate your swift help!

Sorry, another question here, for this code by David regarding post catogories heading background color, can we add a line to change the heading title text ?

.archive.category .page-heading {
background-color: #ffffff;
}

[Rui Guerreiro – SUPPORT]

What exactly you need to change? Font size? Font Family??

-Rui

[ninesolutions]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Add this one to the custom css

.archive.category .page-heading h1{
color: #fff!important;
font-size:50px!important;
}

-Rui

[ninesolutions]

Thanks Rui its all great now!

[Kyle – SUPPORT]

Great, thanks Rui

– Kyle

[freelightfinancial]

Hi! I was searching for answers for my problem and it lead me here, we are using atelier theme and we preloaded the demo account, and now we can’t change the header of the category, here is a screenshot for it: http://screencast.com/t/htAFTZdztri

Your immediate reply would be appreciated 🙂

[Kyle – SUPPORT]

You need to go to WooCommerce > Products > Categories and edit the category, there is an image field, just remove the current image and replace it with your own

– Kyle