CSS Overview

[Stefan Kießig]

Is there a overview of SharePoint online css classes?

Thanks for your help.

Stefan

[#2 · Accepted solution]

Heather Solomon http://www.heathersolomon.com/ diligently updates a list of SharePoint CSS styles. But in the world of SharePoint Online, Microsoft doesn't seem to be committing to any existing styles. Instead, you should focus on Office UI Fabric's colours and use that CSS. Not only does it let you have similar colours to Office 365, it also works really well within different Office Addins and across different devices. It is similar in concept to Bootstrap. http://dev.office.com/fabric/styles Both resources are good for CSS.

[#3]

This is something I'm actively looking at before my organisation migrates to O365.
Is there a best practice route for adding office fabric css to site collections or the whole instance?

[#4]

Hi Peter,

A great way of adding custom CSS is the Alternative CSS URL for your site collection. You can find this under the Site Master Page Settings page for your site collection. This link is under Look & Feel on the site settings page. This will then be included for all page of your site collection. 

Hope that helps,

-Jared

[#5]

This works only when the publishing featureas are aktivate.

[#6]

@Stefan Kießig @Shadidasan @Peter Gibbs 

Check this link which lists the SharePoint online CSS classes available in modern experience: SharePoint Online CSS Classes - by @Denis Molodtsov 

---

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

[#7]

@Stefan Kießig @Shadidasan @Peter Gibbs 

You can also find few class names on this site: PnP List-Formatting 

---

Please consider giving a Like if my post helped you in any way.