The Custom CSS Editor allows you to override the default styling on any theme with your own CSS (Cascading Style Sheets). This allows for almost unlimited customization options!
*** Please note that TINT does not provide CSS customization as a service. ***
Using the Custom CSS Editor
To open the Custom CSS panel, select the Personalize panel, then the Theme tab, and then scroll down to find the Custom CSS button:
Here you can add any CSS styles you like. Make sure to click Save before closing the Editor:
Customizing the Popup Using CSS
The TINT Popup is rendered in its own <iframe>. As such, any customization to the popup made in the regular Custom CSS Editor will not have any affect.
In order to use CSS on the Popup, you may use a separate Custom CSS Editor found under the Popup tab of the Personalize panel:
For more information on editing styles in Chrome DevTools click here. Other great resources on CSS can be found all over the web, but if you’re new to CSS and would like to learn more we recommend checking out Mozilla's web docs or W3Schools.
Click here to view a collection of some of the most common styling questions we get.
Click here to check out some live examples in our CSS Hall of Fame!
If you have any questions regarding the Custom CSS Editor don't hesitate to contact Technical Support at email@example.com.