How to Style SimpleTabs Colors and Shape
This section only applies to the On-Prem versions of SharePoint.
Hopefully, SimpleTabs settings are self-explanatory, and can be configured in two ways:
Use Global SettingsIn your Site Collection, go to Site Settings, under SimpleSharePoint Solutions, click on SimpleTabs Settings link.
Per Web Part Settings
If you want to configure specific styles for one or a group of web parts, under the page where the web part is located, edit the page, edit web part.Then uncheck
"Use global settings from SimpleTabs Configurator", as shown in the image below.
This is very useful to allow setting specific styles for this web part instance.
Example of Tabs Corners Configuration
Custom styling with CSS is useful when you want to make changes that are above and beyond what is available with our Style Configurator.
We suggest applying CSS changes via the following method (unless you already have a custom CSS file that you can add styles to)
Click here to download an example CSS file which will style SimpleTabs as shown below. The CSS file is commented to explain what is being changed. We can also assist with styling if you are trying to match a specific look and feel.