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\15\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

  • Avatar
    Paul Truland

    where in the .css file do i change the diagonal background color for the ignite theme?

  • Avatar
    Sam Packer

    I have this exact same question. How do you edit the colors in the .css file for the ignite theme??

  • Avatar
    David Ramalho

    On the next article, you have the location of the file. To edit the CSS of the theme, you need to inspect the element that you want to change, usually in the explorer of the browser, locate the CSS you want to replace in this theme, and them change it.

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