Select Page

SharePoint 2013: Fixed Width Pages

Thanks to Stefan Bauer for this bit of CSS for centered page design in SP2013:
http://www.n8d.at/blog/fixed-width-design-in-sharepoint-2013-the-fast-way/

/*** Default setup ***/ #s4-workspace{ /* background-color of the workspace */ background-color: silver; } #s4-bodyContainer{ /* defines 960px by using 60rem = 60 * 16px (Default Font Size) */ width: 60rem; margin:auto; /* background color of the content */ background-color: white; } /*** Fix for the dialogs ***/ .ms-dialog #s4-workspace{ background-color: white; } .ms-dialog #s4-bodyContainer{ margin: 0px; width: auto; } .ms-dlgContent #s4-bodyContainer{ width: auto; } /*** clear fix ***/ .clearfix{ clear: both; }

Branding SharePoint 2013: Here we go

Hide some Quick Launch noise…
Sourced from brainlitter MVP!:

http://brainlitter.com/2013/03/22/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page/

<style type=“text/css”> #sideNavBox { display: none; } #contentBox { margin-left: 0px; } .ms-webpartPage-root { border-spacing: 5px; } .ms-core-tableNoSpace.ms-webpartPage-root > tbody > tr > td > table { padding: 5px !important; border-collapse: collapse; } </style>

Pin It on Pinterest