Search Knowledge Base by Keyword

Custom CSS for widgets

Script tag

Widgets embedded via <script> tag can be styled using your website´s stylesheet. Please note that you may have to increase the specificity of your declarations in order to make them work. Obviously, you can also use the custom CSS box as described below.

Iframe tag

Widgets embedded via <iframe> tag can be styled only using the custom CSS box available in Topsheets widgets section (the box is available below widgets script and iframe codes). Simply type in or paste in your css declarations and click save.

Please note the custom css is added at the end so you will need to increase the specificity of your css declarations in order to make them work. For example h2 {color: red;} will very likely not work. Using .fp-style h2.h or div.fp-style.topsheet-widget h2.h should work better.

Need help? Feel Free to Ask

Go to Top