Advanced Style Editor

Matrix Themes come with an Advanced Style Editor that enables you to customize any color on your website and configure the main template structure, including navigation, fonts, and much more.

This page includes a step-by-step tutorial on how to reinstall the style editor on your site in case you accidentally removed it or need to reset the entire website's style.

Step 01

• In Matrix Themes admin menu go to Quick Setup and navigate to Style Editor and copy the first code block.
• Add a module 'Columns' to your footer with only one column(!).
• Inside the 'Column' add the module 'Tables', Click on 'Edit HTML' button and replace the existing code with the following one and at the end click the save button.

Step 02

• Below the Tables ( inside the same Column ), add the module 'Widget/HTML' with the second style editor code (JS) you'll find in the section Quick Setup. When you  click the save button, the new styles will be applied to your website and you can start using the editor.

• In summary, ensure that you have a 'Columns' module in the Footer section with just one column. Inside this column, place two distinct elements: a 'Tables' module with a style editor, and a 'Widget/HTML' module containing JavaScript code.

You can change the template of your website by selecting a pre-made design from the 'Templates' section in the Matrix Themes admin menu.

1. Choose the design you'd like to use for your website by clicking the copy button

The tutorial above on installing the Style Editor is very clear. In case of any errors made in Tables or Widget/HTML, you can easily replace the original source file from the Quick Setup or Templates sections

Please remember to check for theme updates, available in the 'Updates' section. Sometimes, errors may occur or certain features might not work as expected due to missing the latest updates (CSS and JS).

Please refrain from using any other Jimdo elements inside the Style Editor. As a draggable area, you will be able to move any element within this area. You should only have two elements in the Style Editor: Tables and Widget/HTML modules

Sometimes one of the elements in the Style Editor may end up in the clipboard area and cannot be moved back using draggable options.