Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Different margins around featured image

  • I’m updating my website from GP Premium Versie 1.12.2 to GP Premium 2.4.0. I make necessary adjustments in a testsite before I’ll update the “real” site.

    On the homepage (left in the picture) the featured article has double column width and should have a bigger (not square) featured image. (The other stories on the homepage have a square featured images, that works fine.)
    If you click “Lees verder”, you’ll go to the post page (right in the picture). In the original site this worked nicely, but now the margins and the size of the featured image change.
    The post page has the desired right and bottom margins for the featured image. (I’ve fixed the smaller space between date and image.)

    I added the relevant extra css in the private information.

    Thanks, Leon

    margins around featured image

  • Hi there,

    add this CSS to get rid of the additional margin on the post image container:

    .generate-columns-container .featured-column .inside-article .post-image {
        margin-right: 0;

    Then in this CSS:

    .featured-column .post-image img {
        width: 325px;
        height: 100%;
        margin-top: -4px;
        margin-bottom: 10px;
        margin-right: 20px;
        float: left;
        object-fit: cover;

    You can adjust the width: 325px; to match the other site which is 275px

  • Thanks David,
    It’s fixed now.
    Kind regards, Leon

  • Glad to hear that !

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