[Resolved] Page Header/Sections Background Image Question…

Home Forums Support [Resolved] Page Header/Sections Background Image Question…

Home Forums Support Page Header/Sections Background Image Question…

  • This topic has 5 replies, 4 voices, and was last updated 4 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #331654

    I’ve been playing with the “Page Header” and “Sections” add-on. One thing I’ve noticed that’s a little frustrating is how the container does not automatically adjust to the image height. Instead, I am forced to guesstimate the container size by adjusting the padding until the height is generally similar to the image.

    Here are the steps I’m taking (similar in both Page Header & Sections)

    01. Add Background Image – Sized the way I want it.
    02. Add Content (i.e. <h1>This is some content</h1>)
    03. Set “Container Type”/”Box Type” to Contained.
    04. Hit “Update”.
    05. Check page. The container width is fine, but the height is sized to the H1 Element + Whatever Padding/% was selected.
    06. Go back and forth, adjusting the Padding/% and updating until the full image height is displayed.

    Am I doing something wrong? Is there a way for the container to automagically size to my image, without having to tweak the padding every time?


    GP Premium 1.3
    Lead Developer
    Lead Developer

    Hi there,

    This is just how background images work in HTML/CSS unfortunately. The element has no idea the image is there, as it’s not a static image inside of it.

    Susanne Friedrich

    Hi there,
    tagging on to this post because I am dealing with the same problem.
    Would it be possible to size the featured image instead ( which is not a background image) and then move the page title on top of that?
    I seen it work here
    different theme but same idea: feature image and the title is on top.
    Would I have to disable the page header image for that?

    Customer Support

    Hi there,

    The new page header add-on in GPP 1.4 allows you to do that easily.

    Check it out here: https://vimeo.com/223381628

    In should be released in the next couple days but if you want to test it out then you can become a beta tester: https://docs.generatepress.com/article/beta-testing/

    Susanne Friedrich

    I am all over that! Thanks!

    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.