05. Meridian Styler
Styler is custom functionaly we've built so you can easily change the styling of the theme to suit your needs. When you're logged in as the administrator you will see this in the top left corner ( image below ) on any page.
To activate it simply click on it and it will go into active mode ( image below ).
While Styler is in active mode, when you hover elements that can be changed you will see a border around them ( image below ).
Clicking on any of those elements will show the options available for that element in the panel ( image below ).
As you can see the options are separated into different sections:
- Typography ( font size, family, color... )
- Spacing ( margins and paddings )
- Background ( bg color )
- Border ( border radius )
- Animation ( CSS3 animations )
Clicking on any of the sections will show options for those section.
As you change options you will see the changes you make immediately.
At any time you can click on a different element to change it's styling properties.
Once done with changes simply press the Publish Changes button and that's it.
Or you can discard the changes by clicking the Discard Changes button. You will be given 2 options, to discard what you made this session or all changes you've made with it.