Archived topic

Add spacer block to top of master blog page

5 replies · Started by Clare on July 29, 2021

Viewing posts 1–6 of 6

July 29, 2021 at 2:41 pm #1876328

Hi there

I have had to reduce the padding of the top of the first block on all pages to zero so that there isn't a gap showing between the header menu bar and the first block (as I've used background colour). I resolved the issue of the first line of text being right up against the header by adding spacer blocks. I can do this on all pages apart from the main blog index page which I can't seem to edit at all (apart from the title). How can I resolve this issue?
Thanks!

July 29, 2021 at 5:19 pm #1876393

Hi Clare,

Try this CSS:

.blog #content, .archive #content {
    padding-top: 38px;
}

Let me know :)

July 29, 2021 at 5:49 pm #1876406

Thanks Ying.
Can you just let me know where to add the code. I went into 'options' top right of the page under the 3 dots and chose EDITOR-code editor. There was some code already in there so I added in your code and nothing changed. Then I removed what was in there and added your code and noting changed. Not sure if I'm in the right place?

July 29, 2021 at 7:33 pm #1876467

Hi Clare,

You can check our brief documentation on how to add CSS - https://docs.generatepress.com/article/adding-css/

The easiest way to do this is by adding through Appearance > Customize > Additional CSS. :D

July 29, 2021 at 8:39 pm #1876513

Yes, that's done it. Thanks Ying and Elvin. I've also added the same code to create space at the bottom of the page - 'padding-bottom'. Cheers!

July 29, 2021 at 9:05 pm #1876530

Thanks for letting us know. Glad you got it sorted. :D

This archived topic is closed to new replies.

Start building better websites today.