Style Editor Docs
     
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
  1. Support
  2. Style Switcher

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.

read more
bg-lightgray add-20 mid-round

Documentation

Find out how to install/reset the style editor from scratch.

read more
bg-lightgray add-20 mid-round

Preset styles

9 preset Matrix Themes styles to restore the style editor.

read more
bg-lightgray 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 color-white

02. Customize the colors

 

Select an element you'd like to edit and add your own colors.

 

 


bg-primary 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 hs-fullwidth color-white

F.A.Q.

How does the new editor work?

It overwrites the default styles of your CSS and Edit Head section.

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.

SUPPORT

  • Blog
  • Support center
  • Tutorials
  • Common Support issues
  • Updates

QUICK LINKS

  • Advanced Style Editor
  • Features
  • Pricing
  • Pre Purchase Questions
  • Marketplace
  • Zødiac Framework
  • Jimdo Creator

WIDGETS

  • Instagram feed
  • Team Showcase
  • Animations
  • Parallax widget
  • Full width widgets
  • Countdown Timer
  • All Widgets

GET INSPIRED

  • Showcase
  • Custom widgets
  • Enterprise Package
  • No coding features
  • Matrix variables
  • Dolphin Block Elements
hide-in-doc-page

Showcase
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
Other elements
  social icons
  navigation color
  subnav background
Mobile navigation
   background color
   navigation color
Template configurations
has-center-nav g-font
navigation styles
size-15 weight-400 snip-nav is-uppercase --line01
content styles
form-white
footer styles
o-form  color-white
Typography
Heading H1
weight-600 is-uppercase
Heading H2
weight-600 is-uppercase
Heading H3
weight-600 is-uppercase
Buttons
weight-600 is-uppercase
Animations
none

Note:
All changes made here will be applied to your entire website.
is-switcher admin-only

MATRIX THEMES

STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

About | Privacy Policy | Cookie Policy | Sitemap
Copyright © 2022 All rights reserved
Log in Log out | Edit
  • Style Switcher
  • Common Issues
  • Installation
  • Guides
  • Blog
  • Updates
  • Marketplace
  • Scroll to top
Close