[Support request] Blog Content Layout

Home Forums Support Blog Content Layout

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #839553
    Sonja

    Hello,

    on the linked Site, I have used WPShow Post for the posts. I have 2 rows, with 30px padding, background color, Background color hover, Border color and Images center.

    How can i get this exact layout to the normal Blog Layout (without wpshowpost)?

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #839717
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .generate-columns {
        padding-left: 1em;
    }
    
    .generate-columns .inside-article {
        background-color: #f4f4f4;
        border: 1px solid #f4f4f4;
        padding: 30px;
        margin-bottom: 1em;
    }
    .generate-columns .inside-article:hover {
        background-color: #fff;
    }
    .post-image-above-header .generate-columns .inside-article .post-image {
        margin-bottom: 1em;
    }
    .generate-columns .inside-article .entry-summary {
        margin-top: 1em;
    }
    #839851
    Sonja

    Hi David,

    thanks, it gets closer. But when hoovering with the mouse, nothing happens.

    And also the gap between the titel and text is to big.

    #839899
    David
    Staff
    Customer Support

    Edited the above CSS 🙂

    #839937
    Sonja

    Thanks.

    #839949
    David
    Staff
    Customer Support
    #839968
    Sonja

    One more question:

    in WPShowpost I can set the gap between the two columns. I have set 1em. How can I set this for the posts in blog layout also?

    #839989
    David
    Staff
    Customer Support

    So spacing can be controlled by the Customizer > Layout container > Spacing but this will effect your entire site. So i have edited the CSS above to include the 1em spacing.

    #840003
    Sonja

    Perfekt, thanks a lot.

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