• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS question (Shadow surrounding Page)

#1
Off topic or not, I was searching and couldn't find any answer to modify the Styles of XF in order to have the page surrounded by a CSS shadow. Went through the options of XF but maybe I'm overlooking something. Anyone care to share how to do that?
If XF doesn't have this option, it might fall into the suggestion forum. I don't want to go through modifying the XF files and have trouble when upgrading.

Thanks in advance
 

Jake Bunce

XenForo moderator
Staff member
#3
Google gave me this shadow code ;):

http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

Code:
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
In xenForo you can add this to an appropriate class. For example:

Admin CP -> Appearance -> Style Properties -> General -> Content -> Miscellaneous

You will have to make some tweaks to get it looking like you want.