Blog Content Layout

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

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.

Edited the above CSS :)

Thanks.

You're welcome

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?

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.

Perfekt, thanks a lot.