It overwrites the default styles of your CSS and Edit Head section.
The Advanced
Style Editor
draggable-hero h-overflow has-no-gutter color-white g-font has-transparent-header
How to Edit
Find out how to edit your website using the advanced style editor.
bg-dark color-white add-20 mid-round
Documentation
Find out how to install/reset the style editor from scratch.
bg-dark color-white add-20 mid-round
Preset styles
9 preset Matrix Themes styles to restore the style editor.
bg-dark color-white add-20 mid-round
Customize
Everything
⬤
The Matrix Themes installed from November 2021 come with a new Style Switcher.
You can customize any element of your website with your own colors without using any coding
01. Find the style Editor
Log in to your website
and on the top of the page find the new Style Editor.
hs-fullwidth bg-primary-dark color-white
02. Customize the colors
Select an element you'd like to edit and add your own colors.
bg-primary-dark hs-fullwidth
03. Style the other elements
You can style the navigation alignment and the global styles of the buttons, contact form, template width etc
bg-primary-dark hs-fullwidth color-white
F.A.Q.
How can I update my website with the new Style editor?
You'll need to request a new installation.
Can I disable the Style switcher and use the previous version using the CSS?
Yes, you can easily remove the new Style Editor following the instructions in documentation.
Which package includes the Advanced Style Editor
Enterprise and Advanced packages.
draggable-logo
Main colors
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
Template sections
| body | |
| top-header | |
| header | |
| content |
Footer Styles
| background | |
| text color | |
| link color | |
| horizontal line |
Buttons
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
Other elements
| social icons | |
| navigation color | |
| subnav background |
Mobile navigation
| background color | |
| navigation color |
| Template configurations |
| has-center-nav g-font has-large-header |
| Navigation styles |
| size-15 weight-400 snip-nav --line01 is-uppercase |
| Content styles |
| form-white |
| Footer styles |
| o-form color-white |
|
Typography |
| Heading H1 |
| weight-600 is-uppercase |
| Heading H2 |
| weight-400 is-uppercase |
| Heading H3 |
| weight-600 is-uppercase |
| Buttons |
| weight-600 is-uppercase |
| Animations |
Note: All changes made here will be applied to your entire website.
is-switcher
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE