Display of posts on post page

First: thank you for this great theme that perfectly meets my needs!
I’ve got a little problem with the display of the posts on the post page.
I work with NextCellent Gallery and generally speaking all the posted items are displayed well. It would be nicer though if a little bit of the (grey) post page showed up between the upper posts and the header. Now these posts are directly connected with the header. How can I fix this?
Bona

Left out the link to my post page, so here it is:
https://www.bonabene.nl/jouw-bijdrage
Bona

Bona

I really don’t understand your problem.
I visit the page and see everything run as expected.
If is possible, put some images here to explain better the problem

Hi there. I’m guessing you’re wanting that grey background to show up between the header and the top 4 posts that are currently touching the black header area.

You can do this by adding a bit of code to the style.css as follows

#post-1, #post-2, #post-3, #post-4 {
margin-top: 10px;
}

This should push the posts down 10 pixels. You can change the amount of pixels based on your preference of course.

Thank you both for your replies. Liz guessed right, so I’ll try her (?)solution. As I am a real noob to html, I’d be happy to know where exactly to paste / interpose the code.

No problem! I’m glad to help. If you go to Appearance > Editor and select the style.css (this should be what is selected by default). Make sure you are in the correct theme or child theme (which is shown in the dropdown up in the top right).

Go all the way to the bottom of the CSS page and just copy that code at the end. If you’re still having any issues with it just let me know. I’ll be happy to put it in for you or take a look.

I also just realized this may be an issue based on resolution, which could be why mcunha98 was seeing nothing wrong. If you have a few friends on different sized resolutions, you might want to have them check it out on their computers. You can find out what size resolution you have at https://www.whatismyscreenresolution.com/ Some themes display differently based on the resolution of the screen. (Mine is 1280 x 786 on the laptop) If very few of your visitors have the screen size that does not show that space, it might not be worth changing it. However, if your visitors come to your site with a variety of screen sizes. there are ways to have the css change based on the screen resolution of the visitor.

Let me know if you need any further help.

Thank you so much, Liz! It worked.
I added the code and changed the space from 10 to 20 pixels. I guess that there is a similar way to align the posts in such a way that the margins on the left and on the right are (more or less) the same. Could you help me with that as well?

Btw: the screen resolution of my computer is 1920×1080. The result is satisfying, so to speak. I checked it on my Nexus 7 and the effect was the same, just as on my iPad 2. So it works with all screen resolutions, I think. Strangely enough, on these tablets some (orange) space shows up between the header and the page of the frontpage itself. It only shows on this homepage, not on the other pages. I do not feel that as a big issue, but it’s something that mcunha98 might want to repair in future.

One more thing:
The minor problem of the tiny gap between header and page of the homepage only exists when I use Chrome or Safari (on tablet or computer). Internet Explorer and Firefox display everything correctly.
Bona