Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] 'width issue' – featured image in the post page

Home Forums Support [Resolved] 'width issue' – featured image in the post page

Home Forums Support 'width issue' – featured image in the post page

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #221020
    Matthew

    Hi Tom,

    I’m sorry, actually I’ve done much googling work and forum search.

    And I tried your CSS code below.

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

    But it still doesn’t work in my WP, so i have to open another topic for the advice.
    What I’m asking for is when I open the post with the featured image, the image on the post above the title could be 100% width of the container and no top margin to the div.inside-article.

    Is that possible?

    Thanks a lot.

    #221027
    Matthew

    Hi Tom,

    I found out that in the post page, I can change by the following CSS.

    .separate-containers .inside-article {
    	padding: 0px 0px 40px 0px;
    }

    But it also changed the other pages.
    Can I change it only in the post page?

    Thanks a lot.

    #221081
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This might help: https://generatepress.com/forums/topic/page-and-post-headers/#post-125452

    You can also add the CSS yourself if you like:

    .post-image,
    .page-header-image-single {
        margin: -40px -40px 40px -40px;
    }

    Let me know if you need more info πŸ™‚

    #221246
    Matthew

    The code is awesome.

    Thank you so much, Tom.

    I closed this tickets.

    Very happy to use generatepress.
    πŸ™‚

    #221248
    Tom
    Lead Developer
    Lead Developer
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.