Site logo

Archived topic

Container Gap

9 replies · Started by Marius on March 11, 2019

Viewing posts 1–10 of 10

Hi,

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

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?

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 :)

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?

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

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?

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

Thanks, now it looks good.

No problem :)

This archived topic is closed to new replies.