Individual header images+

How can I set different header images for different pages?

I have tried to add this to the css but i doesnt work:

.page-id-81 #header {
background-image: url(“myurl”) !important;}

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the page header background image by going to Appearance > Customize > Additional CSS and pasting it there.


.page-id-81 .header-callout {
    background-image: url(“myurl”) !important;
}

Best Regards,
Support

Thanks, but it doesnt work either. Nothing happens when I add this to the css.

Hi there

Just want to be sure, have you changed “myurl” in the code to your image url?
can i see the page where you wanted to do this and it doesn’t work? please provide URL and i will check it out

Have a great day and week :slight_smile:

Yes I have changed the url to the image :slight_smile:
Here is the url to the page: http://www.svenskplast.org/om-spif/styrelse/

Password: SPIFStyrelse

Hello there,

Please try using this CSS code instead:


.page-title-section {
    height: 160px !important;
    background-image: url(https://www.rd.com/wp-content/uploads/2017/10/12_Citrus_Healthy-Holiday-Food-Gifts-Instead-of-Fruit-Cake_524210419-ch_ch-1228x640.jpg);
    background-color: red;
}

Best Regards,
Support

Thanks, it works! :slight_smile:

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support