how to separate the edge of the site from the background shadow

Hi,

I don’t think I fully understand what exactly you want to modify about the shadow. If you could provide some additional details about this it will be very helpful.

Thanks

Hi,

You could achieve something like that by setting a margin for the body, and the background will display above the header as well. Like this example
– https://www.screencast.com/t/nDyaErBbvYgX
This is the code used in the example (you can modify the margin value as you want). If you decide to use it, enter it in Theme panel->Custom Css section

body {
margin-top: 300px;
}

Thanks

Hi,

You can try a code like this one for example
– https://www.screencast.com/t/LBGjRMDsvD5p
It will add the same shadow for the outer wrap, just like in the News Magazine demo that you mentioned. Enter it in Theme panel->Custom Css section

@media (min-width: 1180px) {
.td-boxed-layout #td-outer-wrap {
width: 1164px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
}}

Thanks