Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Page Header Image Not Appearing Full Width

Home Forums Support Page Header Image Not Appearing Full Width

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #139228
    David

    I am having a strange situation. My page header images aren’t appearing fullwidth. They were playing nicely before the most recent update.

    These items are checked:
    Add padding
    Use image (from image tab) as a background image?
    Center your content vertically?

    Check out here:
    http://designismylife.com/tastemakersafrica/how-to-do-africas-biggest-week-in-tech-like-a-las-gidi-insider/

    Tested on: Opera, Chrome and Safari.

    #139232
    David

    One more note to add. This is occurring with Blog Posts. Thanks.

    #139251
    Tom
    Lead Developer
    Lead Developer

    Can you confirm that the “Container type” option is set to “Fluid”?

    #139411
    David

    “Container type” option is definitely set to “Fluid”.

    #139447
    Tom
    Lead Developer
    Lead Developer

    Weird, the HTML says different.

    Any chance you can send me temporary admin login details to support@generatepress.com so I can take a look at what’s going on?

    #139506
    David Bey

    Credentials sent

    #139563
    Tom
    Lead Developer
    Lead Developer

    Ah, I just noticed it’s a static image and not a background image.

    Options:

    1. Add some empty content to the page header: <span><!-- empty span --></span>

    Then set it to full screen.

    2. Force the static image full width with CSS:

    .postid-2266 .page-header-image-single.grid-container {
          max-width: 100%;
    }
    
    .postid-2266 .page-header-image-single.grid-container img {
          width: 100%;
    }

    Let me know 🙂

    #139799
    David

    I have several pos to do this with. I will need another solution. It’s not just that one page where this is occurring.

    Is it possible to have a hook to insert the Page Header Image Posts with the Featured Image? The scenario is that the featured image and the page header image both need to be present and both a different image.

    Thanks!

    #139825
    Tom
    Lead Developer
    Lead Developer

    I’m not too sure I understand? You want a background image and a regular image to appear in the content header? You can add images to the “Content” tab using HTML.

    Did my above code not work? It should force that image to be full screen.

    If you have multiple pages you need to do this to, you can remove the .postid-xx parts.

    Let me know 🙂

    #139886
    David

    Thanks Tom!

    I added this <span><!– empty span –></span> and it is working. This will have to be done to every post. Right now there are 45. Is there another way to handle this.

    The second point now that this is working.

    The Featured Image needs to appear in the

    with the post content.

    I hope that clarifies. Sorry for the mix up.

    #139887
    David

    REPOSTING

    Thanks Tom!

    I added this <span><!– empty span –></span> and it is working. This will have to be done to every post. Right now there are 45. Is there another way to handle this.

    The second point now that this is working.

    The Featured Image needs to appear in the content right above the Post Title.

    I hope that clarifies. Sorry for the mix up.

    #139888
    David

    Here is sample of what I would like to achieve.

    http://designismylife.com/mobileland/pageHeaderwContent.jpg

    Thanks again.

    #139911
    Tom
    Lead Developer
    Lead Developer

    Been thinking if there’s another way to accomplish it, and I don’t think so.

    The way the code works is it looks for any added content – if no content is added, it will just print the image in the Image tab.

    If it detects content, it will display the content and show the image as the background image (if set).

    Kind of a tough one I’m afraid – I can’t think of any other options.

    Let me know if you have any questions 🙂

    #139944
    David

    Got it. Thanks again for taking the time to review this.

    Cheers!

    #139960
    David

    I have a crazy idea. What if we put this <span><!-- empty span --></span> as placeholder in the Content box?

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