[Support request] Blog Content Layout

[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)?

[David]

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;
}

[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.

[David]

Edited the above CSS 🙂

[Sonja]

Thanks.

[David]

You’re welcome

[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?

[David]

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.

[Sonja]

Perfekt, thanks a lot.

[Author]

Posts