How do I edit my theme's .css file?

Office365 SP2013 SP2013 Foundation

Info: SharePoint Designer is required in order to accomplish the steps described in this article. If you need to download it please follow this link

To edit your theme's .css file, proceed as follows:

For Office365 v2013 and SP21013 SandBox Solution

  1. Open your site with SharePoint Designer
  2. Go to All Files > Style Library > THEMENAME
  3. Check out and edit in advanced mode file THEMENAME.css
  4. Add your custom code to the bottom of the file
  5. Save, check in and if asked, publish a major version
  6. Refresh your browser using CTRL + F5

For SP2013 Farm Solution

  1. If your theme version is above X.X.X.7 go to:
    C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\LAYOUTS\1033\STYLES\THEMENAMEPackage\THEMENAME.css
    If your theme is in version X.X.X.6 or lower go to:
    C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\1033\STYLES\THEMENAMEPackage\THEMENAME.css
  2. Add your custom code to the bottom of the file
  3. Save
  4. Refresh your browser using CTRL + F5
  5. If changes are not immediately visible, reset your IIS.

 

Have more questions? Submit a request

Comments

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk