• Home
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Altona
    • Hafen
    • Enkel
    • Horten
    • Agen
    • Hisingen
    • Tjörn
    • Lacksund
    • Öland
  • Page builder
  • Support
  • Blog
  • Home
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Altona
    • Hafen
    • Enkel
    • Horten
    • Agen
    • Hisingen
    • Tjörn
    • Lacksund
    • Öland
  • Page builder
  • Support
  • Blog
  1. Support

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-dark color-white add-20 mid-round

Documentation

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

read more
bg-dark color-white add-20 mid-round

Preset styles

9 preset Matrix Themes styles to restore the style editor.

read more
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 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

  • Docs
  • Guides
  • Style Editor
  • Global Updates
  • Theme Updates
  • Helper classes
  • Common support issues
  • Contact

Features

  • Templates
  • Page Builder
  • Add-ons
  • Landing pages
  • Alt Classes
  • Matrix variables

Get inspired

  • Most popular templates
  • Website examples
  • Custom widgets
  • Block Elements
  • Fluid Sections

Quick links

  • Marketplace
  • Pricing
hide-in-doc-page

draggable-logo

Showcase

 

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

About | Privacy Policy | Cookie Policy | Sitemap
Created with Jimdo
Log in Log out | Edit
  • Scroll to top
Close