SharePoint Knowledge Base

Everything on the internet looks the way it does because of Cascading Style Sheets (CSS). They are the reason this site is purple and why every site looks differently. With CSS you can control basically every aspect of a website from positioning to fonts to the color of everything. This makes CSS incredibly powerful and important to know and understand. In SharePoint the CSS works by a "last one wins" system where the last bit of CSS for a site can override any SharePoint styling. This post talks about how you can add your own CSS to a SharePoint site. SimpleSharePoint has been specializing in SharePoint consulting and branding for websites for 20 years now so we've become exceptional at creating unique looks for all of our clients.

If you're interested in seeing our branding work, take a look at our case studies.

Steps:

• Start Internet Explorer and type the URL for your organization's SharePoint server. The Start page will open.
• Navigate to the publishing site. The publishing site's home page will open.

Figure 1: The Publishing Site's Home Page

• Click the Settings menu gear icon and select Site Settings. The Site Settings page will open.
• In the Look and Feel section, click the Master page link. The Site Master Page Settings page will open.
• Click the Alternate CSS URL section heading to expand the section.
• Click the Specify a CSS file to be used by this publishing site and all sites that inherit from it option.
• Add the URL for the CSS file you would like to use, using the Browse button to find the file.
• Click OK. The Site Settings page will open with the new CSS settings applied.

We love helping with SharePoint and it's all we do so feel free to contact us!

Mention this post and we'll send you a white paper on all of the ways we can help you customize your SharePoint site!