Hi do you know custom css code for putting a shadow around the entire site, just like on this website http://photographer-st-ives-cornwall.co.uk/. I’ve bought quite a few vantage themes for you and will be using the vantage theme again to recreate this site but need to know if I can create this similar shadow. I’ll test it on another site of mine.
shadow around entire website
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Elise
This can be accomplished with some custom CSS. Navigate to Appearance->Custom CSS and add the following
/*media all*/ body.layout-boxed.responsive #page-wrapper { box-shadow: 0px 0px 10px black; }This will only work on sites with a boxed layout but will wrap the entire content area with a shadow. You can adjust the spread by adding another px value after the 10px, and the color by changing the black using either a #value or a color name.
You can get the #values here
http://www.colorpicker.com/
Let us know how you get on
Magus
Hi Elise
I have just found your website through an old post. The above CSS will only give you shadow around the sides, including the menu and footer. If you want the shadow all around you would need to add a top and bottom margin to the section as well
body.layout-boxed.responsive #page-wrapper { box-shadow: 0px 0px 10px black; margin-top: 10px; margin-bottom: 10px; }Hope this helps
Magus
That’s amazing thank you so much, you guys are awesome. Worked perfectly, now I am confident to take on this new website.
Hi Elise
Am glad that worked out for you
@Magus much appreciated :)
Cheers