[Support request] Block Content Template looks weird

[Marius]

I have a Block Content Template and it should show on blog, archives and search.

On blog and archive, it looks as it should.

But on search it looks weird. The first rows are partly connected and also there is no space to the page nav.

Why is that?

[David]

Hi there,

thats odd…. does this CSS fix the issue ?

.one-container.search .post:not(:last-child) {
    padding-bottom: 30px;
}

[Marius]

Hi David,

Unfortunately not. If I insert this, then the search looks good, but the archives looks weird the same way the search looks before inserting this css.

[David]

Can you add the CSS i provided, so i can see whats up with the archives, as they should not be affected.

[Marius]

Hi David,

I have add it.

[Fernando]

Hi Sonja,

I checked from my end, and the CSS provided by David isn’t affecting anything in the Blog and Archive Pages. What does it look like from your end? Can you take a screenshot?

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

[Marius]

Hi Fernando,

I have checked it again. If I look at the archives in the customizer, then they look weird as I wrote. Outside the customizer it looks okay. Why is that?

[David]

The Customizer uses Javascript to load CSS styles on the page. This however isn’t 100% accurate when adding styles to the Customizer > Additional CSS.

If it looks ok outside of the customizer then all is ok.

[Marius]

Okay, good to know. But still, this behavior is strange, isn’t it? Could something be wrong with my Block Content template?

[David]

No, it’s just we need to iron out some of the theme styles for when content templates are used.
However, with the GPP 2.2 there is a new Loop Template Block Element, which will allow you to create the entire loop with the GB Query Loop. This method will allow you style the columns/grid in the editor and avoid these kinds of issue with the Theme styles

[Author]

Posts