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

This is a hero title


<var> draggable-hero color-white g-font </var>
draggable-hero color-white g-font

Matrix variables

01. Display the module 'Columns'

02. Inside the module 'Columns' add a 'Widget/HTML' with the variables.

03. Click the save button and refresh the page to see the effect.

Background color

This is a title

Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.

New Button
bg-gray add-20 mid-round

<var> bg-gray add-20 mid-round </var>

Fullwidth background color

This is a title

Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.

New Button

<var> hs-fullwidth bg-primary color-white </var>
hs-fullwidth bg-secondary color-white

Heading's alignment

Center aligned heading


<var> center-align </var>
center-align

Hide mobile / only mobile

This block is visible only on desktop devices

This is a title

Morbi ac felis. Morbi nec metus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Curabitur ullamcorper ultricies nisi. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.

New Button

<var> hide-mobile </var>
hide-mobile

Other options:


<var> hide-mobile-phone </var>
hide-mobile-phone

<var> only-mobile </var>
only-mobile

Animations

This is a title

Phasellus blandit leo ut odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec mollis hendrerit risus. Curabitur ullamcorper ultricies nisi. Suspendisse potenti.

New Button

<var> wow animated fadeInUp </var>
wow animated fadeInUp

Tile banner 01

This is a title

Donec mollis hendrerit risus. Curabitur at lacus ac velit ornare lobortis.

New Button

<var> is-tile bg-primary color-white white-outline-btn is--flex is-flex-block no-padding </var>
is-tile bg-secondary color-white white-outline-btn is--flex is-flex-block no-padding

Tile banner 02

This is a custom title

Another subtitle goes here

Donec mollis hendrerit risus. Curabitur at lacus ac velit ornare lobortis.Fusce vel dui. In ut quam vitae odio lacinia tincidunt. Pellentesque auctor neque nec urna. Nullam accumsan lorem in dui. Phasellus blandit leo ut odio.

New Button

<var> is-tile has-custom-heading </var>
is-tile has-custom-heading

Tile banner 03

This is a Title

Donec mollis hendrerit risus. Curabitur at lacus ac velit ornare lobortis.Fusce vel dui. In ut quam vitae odio lacinia tincidunt. Pellentesque auctor neque nec urna. Nullam accumsan lorem in dui. Phasellus blandit leo ut odio.

New Button

<var> is-tile has-mask rel </var>
is-tile has-mask rel


Custom tile banner

This is a title

Donec posuere vulputate arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris sollicitudin fermentum libero. Vivamus laoreet. Praesent nec nisl a purus blandit viverra.

New Button
is-tile-overlay bg-yellow add-20 mid-round

<ins> is-tile-overlay bg-yellow add-20 mid-round </ins>

Fullwidth module

Google Maps content is not displayed due to your current cookie settings. Click on the cookie policy (functional) to agree to the Google Maps cookie policy and view the content. You can find out more about this in the Google Maps privacy policy.
is-fullwidth


<var> is-fullwidth </var>

Custom links

In ut quam vitae odio lacinia tincidunt. Nunc interdum lacus sit amet orci. Sed cursus turpis vitae tortor. Pellentesque posuere. Nam commodo suscipit quam.

 

In ut quam vitae odio lacinia tincidunt. Phasellus accumsan cursus velit. Maecenas nec odio et ante tincidunt tempus. Curabitur vestibulum aliquam leo. Curabitur turpis.

 

Etiam sit amet orci eget eros faucibus tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.


<var> has-link-insideout </var>
has-link-insideout

In ut quam vitae odio lacinia tincidunt. Nunc interdum lacus sit amet orci. Sed cursus turpis vitae tortor. Pellentesque posuere. Nam commodo suscipit quam.

 

In ut quam vitae odio lacinia tincidunt. Phasellus accumsan cursus velit. Maecenas nec odio et ante tincidunt tempus. Curabitur vestibulum aliquam leo. Curabitur turpis.

 

Etiam sit amet orci eget eros faucibus tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.


<var> has-link-fromleft </var>
has-link-fromleft

In ut quam vitae odio lacinia tincidunt. Nunc interdum lacus sit amet orci. Sed cursus turpis vitae tortor. Pellentesque posuere. Nam commodo suscipit quam.

 

In ut quam vitae odio lacinia tincidunt. Phasellus accumsan cursus velit. Maecenas nec odio et ante tincidunt tempus. Curabitur vestibulum aliquam leo. Curabitur turpis.

 

Etiam sit amet orci eget eros faucibus tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.


<var> has-link-bounced </var>
has-link-bounced

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