Upgrade Resulted In Header Image Problems

  • [Title de-capitalized; please do not shout at us]

    Hello,

    a few problems have come up with header images.

    1. The image has become so large, that it is hard to distinguish what the image actually is(e.g. please see header image for homepage: https://www.sanirang.net; however, once it is clicked on, a normal image as it normally has always done, comes up.

    2. Header images show only 2 despite designating 3 images to come up. These images also appear too abnormally large or oversized compared to before upgrade. More specifically, originally, under custom fields header_images, we entered 3 images from the media library. the three header_images added for whichever pages still shows in the edit page; however, only two images show up on the actual page.

    For example: https://sanirang.net/programs/vertical-ice-quest-outings/

Viewing 1 replies (of 1 total)

  • Hi sanirang!

    1. The containing div#header-image has a set width of 940px. The image you have uploaded is considerably larger. From a quick glance, I did’t see any css controlling the image placed inside the #header-image container.

    To fix this go to your style.css file and find:

    #header-image a img { vertical-align: top; }

    Modify it to:

    #header-image a img { vertical-align: top; max-width: 100%; }

    2. Again, glancing over the html, we can see the #header-image container is 940px. The images placed inside are trying to expand to their full width. Their full width combined expand well beyond the 940px #header-image container. The three images exist when we look at the source; however, one is cut off and the other is completely hidden away.

    It doesn’t look like this section was meant for three images, though, I have no knowledge of your theme.

Viewing 1 replies (of 1 total)
  • The topic ‘Upgrade Resulted In Header Image Problems’ is closed to new replies.