Adjusting header images on specific pages

Illdy
1

Hi!

Here’s my second query

I have used some custom code (from another thread I found) to make the header image on this page unique and bigger to fit it all in Tourist Podcast - An alternative travel guide with comedians

Here’s my custom code (also includes some unrelated footer code here too)

/remove entire footer/
footer#footer
{ display: none;}
.page-id-417 #header {
background-image: url(“https://vicelizabeth.com/wp-content/uploads/2018/04/Tourist_TwitterBanner.jpg”) !important;
}

/Header size/
#header .bottom-header.blog {
padding: 310px 0;
}

This has worked perfectly on this page, but it’s had a knock on effect on all other pages and posts.

I can I make it so that this image size only happens on this page?

Thanks
Victoria

2

Hi Victoria,
Thanks for reaching out.
In relation to your question here, could you try adjusting the header size code to this:

/Header size/
.page-id-417 #header .bottom-header.blog {
padding: 310px 0;
}

I hope this helps.
Best Regards,
Support.

3

Big thanks for your swift response.

That works!!!

Hurrah!

Great job guys ??

Victoria

4

Thank you :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions Thanks!