CSS question (Shadow surrounding Page)

Mickey Stanford

New member
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
Google gave me this shadow 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.