Entire site border

[vojtechzikmund]

Hi there,

I’m trying to have a 25px border around the whole site content.

I tried using this code:

body {
    border: solid 25px white;
}

But it does conflict with my header, etc.

[jade]

Hey @vojtechzikmund,

Please try this:

body {
    box-shadow: inset 0 0 0 25px #fff;
}

Hope this helps.

[vojtechzikmund]

@Jade I tried that, but it does not overlap the revolution slider and header at the top. Solution?

[jade]

Hi @vojtechzikmund,

You have several sites in your account. Would you mind providing the URL of the site in question so that we can check it and provide you a suggestion?

Thank you.

[vojtechzikmund]

See secure note. Thank you in advance

[jade]

Hey @vojtechzikmund,

Try also adding a margin to the body like this:

body {
    box-shadow: inset 0 0 0 25px #f7f7f7;
    margin: 25px !important;
}

Hope this helps.

[vojtechzikmund]

@Jade still didn’t do the trick. I thought this would be an easy modification. Every time I try any of given or found codes to achieve this, it all works except the header which glitches to right on scroll or it doesn’t overlap the revolution slider.

Any idea?

[Prasant]

Hello @vojtechzikmund,

Thanks for updating the thread.

Along with above code, please add following CSS as well:

.x-root {
    margin: 20px 25px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.