Got a lot of CSS you add to every page? Use options sets instead!

This is a neat little trick to organize your CSS and have the ability to add styling to all your pages at once:

Add each element as an option within a set

Then pull all the option in the css header:
image

This is great for stuff like darkmode, special styling on text elements, popups, page padding, etc.

Remember you can change an element’s HTML ID via conditionals too!

:fire: What’s cool is, once you’ve added the “Get options css” to the head of all your pages, you can them just add more css from the Options Sets and it will get added to all your pages at once.

Bam!

7 Likes

awesome tip thank you for sharing

Very nice! :+1: :+1: :+1:

You can just put all your CSS in the SEO section of your app settings.