Colored frame around container

Hi there,

We can do this with custom CSS.

Can you specify where you want this applied on? Perhaps link us to the page/site in question and point us to the specific container? So we could inspect the site and help you with the CSS writeup.

You can use the private information text field if you wish to provide the link in private. Let us know. :)

Hi Elvin,

great. I've posted the link to the site in the private field.

Instead of having a full coloured background (blue area), I'd love to have a "blue" colored frame around the white body OR around the white body (without the area where the logo and primary navigation area sits).

Let me know if you need more information.

Thank you,

I believe you're aiming for something like this? https://share.getcloudapp.com/2NuwAGd8

If so, try adding this CSS:

div#content {
    border: 2px solid #4128ff;
}

Here's how you add CSS - https://docs.generatepress.com/article/adding-css/

Awesome, thanks. Exactly what I was looking for!

I need to reopen this thread, as I have a follow-up question: would it also be possible to have the frame above the featured image?

Ok, I can change the position of the featured image myself (see link in private information). However, the margins around the text should be normal (40-40-40-40), as set in the customizer, the featured image however should be "full scale" without margins. Any way how to remove the white margin?

Hi there,

go to Customizer > Layout > Blog --> Featured Images >>> Posts and Uncheck: Display padding around images

Awesome, thanks David & Elvin! Much appreciated!

Glad we could be of help