Individual page header images not displaying properly

Hi there,

I have customized each page’s header image using the Additional CSS option with this code:

.page-id-2 #header {
background-image: url(“http://meowornever.org/_MG_6850.jpg”) !important;
}

And each file is uploaded via FTP. However, the display seems to zoom in on random parts of the image, no matter how I crop it. How can I get the header image to show exactly as I crop it? (The original _MG_6850.jpg is attached so you can compare it to the desktop appearance: Volunteer – Meow or Never)

Thank you!!
Leesia

Hello there,

I hope you are doing well today.

You can use the following CSS code to ensure the images are always centered by going to Appearance > Customize > Additional CSS and pasting it there.

.page-id-2 #header { background-image: url(http://meowornever.org/_MG_6850.jpg) !important; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }

Best Regards,
Support

Thank you! I tried that, though, and nothing changed. :frowning: Thoughts?