• Home
  • Templates
  • Page builder
  • Support
  • Blog
  • Home
  • Templates
  • Page builder
  • Support
  • Blog
  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

  • Docs
  • Guides
  • Style Editor
  • Global Updates
  • Theme Updates
  • Common support issues

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
  • Matrix Themes for Agencies
  • Matrix Themes for Web Designers
  • Small Business websites
  • Create a new website
  • 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