[Resolved] Frame around content

[Rui]

Hi!

I would like to make a kind of frame around my Blog container,
like shown in this pic: http://www.astronomia.space/image.jpg (yellow arrow)

How could I do with CSS?

Thanks!

[Leo]

Hi there,

Would something like this help?
https://docs.generatepress.com/article/adding-a-container-wrapper/

If not can you link me to the page in question?

[Rui]

Thanks, Leo!

Well, the wrapper I had in mind was more like a bar not a shadow.
The original site I saw is: http://www.zenite.nu/buracos-negros/ (but it does not use GP). See the gray little bar around the whole content? Something like that, with just 5px width or so.

[Leo]

You can just modify the CSS:

.site-wrapper {
    border: 2px solid #222;
}

[Rui]

Just perfect, Leo! Thank you.

I only put ‘After Header’ hook in GP Hooks, because ‘Before Header’ (as told in https://docs.generatepress.com/article/adding-a-container-wrapper/) will narrow the header.

[Leo]

No problem 🙂

[Author]

Posts