[Resolved] Container Gap

[Sonja]

Hi,

how can i make a little space above and below the content container?

[Leo]

Hi there,

Perhaps separate container option is what you are looking for?
https://docs.generatepress.com/article/content-layout/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sonja]

But then the two rows with posts are also in separat containers. They should be in one container.

Also the Related Posts looks str<nge now. How can i put them in a separate container equal to the content container?

[Leo]

Hmm ok that case it’s probably best to use one container with some CSS.

Can you switch to one container again and with this CSS?

.site {
    margin-top: 10px;
    margin-bottom: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sonja]

I have set back to one container and your css, but then the posts sits side by side with almost no space between them. That looked ugly, so i switched back to separate container.

Is it possible, two put each post in one container, such like Mellow Site? Maybe that will be better looking.

And I also want to have a container shadow like markter. Can you please tell me the code?

[Leo]

Mellow using the separate container option.

This is the CSS for Marketer:

.inside-article, .sidebar .widget, .comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sonja]

Now that i add the marketer css, I can see that the posts on homepage have no padding at the bottom. Can you please tell me the code for thath?

And can you tell me also, how i can reduce the space on homepage between title and text?

[Leo]

There is no bottom margin between the posts because you’ve added this CSS:

.post {
    margin: 0;
}

As for the space between title and excerpt, try this CSS:

.entry-summary {
    margin-top: 0.5em;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sonja]

Thanks, now it looks good.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts