SharePoint 2013 - customize look and feel of some site pages

Question

Through SharePoint 2013, there are some site pages that I would like to brand, while others can continue to use oslo default look and feel. What is the best way to add a style sheet to a selected site page? or change the default look and feel of a selected site page?

I do not want to edit the default admin master template...I simply want my site page to have it's own look and feel.

thanks

Answer 1

You can link the external style sheet, which would be for the entire page. Add the Script Editor web part to the page and within the snippet add:

<link type="text/css" href="mystylesheet.css" />

To add the stylesheet to the head section, add the Script Editor web part and insert the following snippet:

var link = document.createElement('link');
link.href = '/_catalogs/Styles/mystylesheet.css';
link.rel = 'stylesheet';
document.getElementsByTagName('head')[0].appendChild(link);

Answer 2

I found this documentation on Microsoft's site to be more useful.

Place the custom CSS files in the Themable folder in the Style library (not the Themable folder in the Master Page Gallery). Only CSS files that are stored in the Themable folder in the Style library are recognized by the theming engine. The Themable folder is created automatically for publishing sites. Otherwise, you can create the Themable folder in the correct location (http:// SiteCollectionName/Style Library/language/Themable/).

You can name it custom.css and just reference it on the master page. Replace CSSFileLocation with the location of the CSS file. The following is an example of an <SharePoint:CssRegistration> element.

https://msdn.microsoft.com/en-us/library/office/dn266906.aspx