While BindTuning themes offer extensive customization through the Customizer Tool, there might be specific scenarios where you need to make direct, small adjustments to your Classic SharePoint theme's core .css file. This article guides you through that process.
It's important to note that BindTuning recommends generating a new theme through the Customizer Tool for significant visual changes, as your subscription includes unlimited customizations and downloads. Direct .css edits are best suited for minor, targeted adjustments.
Requirement: To follow the steps for Sandbox Solutions, SharePoint Designer is required. You can download it here.
The method for editing your theme's primary .css file depends on your SharePoint environment and deployment type.
For Sandbox Solutions (Office 365 Classic, SP2013, SP2016, SP2019)
Open your site with SharePoint Designer.
Navigate to
All Files > Style Library > THEMENAME.Check out and edit in advanced mode file
THEMENAME.css.Add your custom CSS code to the bottom of the file.
Save, check in, and if prompted, publish a major version.
Refresh your browser using CTRL + F5.
For SP2016 and SP2019 (Classic) Farm Solution
Access the file at:
C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\16\TEMPLATE\LAYOUTS\1033\STYLES\THEMENAMEPackage\THEMENAMEPackage\THEMENAME.css.Add your custom CSS code to the bottom of the file.
Save the file.
Refresh your browser using CTRL + F5.
If changes are not immediately visible, reset your IIS.
For SP2013 Farm Solution
Access the file at:
C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\LAYOUTS\1033\STYLES\THEMENAMEPackage\THEMENAMEPackage\THEMENAME.css.Add your custom CSS code to the bottom of the file.
Save the file.
Refresh your browser using CTRL + F5.
If changes are not immediately visible, reset your IIS.
Note: If you are looking to add custom styles to your Modern SharePoint pages, please refer to this article: Add custom styles to BindTuning themes (CSS and JavaScript).