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;}
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
Yes I have changed the url to the image
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!
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