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. Add-ons

 

Easy-to-Use & Customizable 

Animation Elements 

 

Live Preview
draggable-hero text-center
How to add custom widget to your Jimdo website pull-down

Make it stand out

Wow animations

Title 01

Vivamus consectetuer hendrerit lacus. Praesent venenatis metus at tortor pulvinar varius. Praesent adipiscing. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque libero metus, condimentum nec, tempor a, commodo mollis, magna.

New Button
wow animated fadeInUp

Title 02

Curabitur blandit mollis lacus. Phasellus dolor. Morbi mollis tellus ac sapien. Ut non enim eleifend felis pretium feugiat. Praesent egestas tristique nibh.

 

Quisque id odio. Phasellus consectetuer vestibulum elit. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Cras sagittis. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci.

 

New Button

Title 03

In hac habitasse platea dictumst. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Vivamus consectetuer hendrerit lacus.

Cras non dolor. Donec vitae orci sed dolor rutrum auctor.

In hac habitasse platea dictumst. In dui magna, posuere eget, vestibulum et, tempor auctor, justo.

New Button


<var> wow animated fadeIn-Up </var>
wow animated fadeIn


<var> wow animated fadeIn </var>

Other animation effects:

  • wow animated fadeInLeft
  • wow animated fadeInRight
  • wow animated fadeInLeftBig
  • wow animated fadeInRightBig
  • wow animated fadeInDown
  • wow animated fadeInUp
  • wow animated pulse

Folded animation

Folded animations

Aenean ut eros et nisl sagittis vestibulum. Praesent ac sem eget est egestas volutpat. Ut leo. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi.

 

Praesent blandit laoreet nibh. Sed cursus turpis vitae tortor.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nisi.

New Button
wow is-folded-left-img


<var> wow is-folded-left-img </var>

Folded animations

Nam eget dui. Etiam sit amet orci eget eros faucibus tincidunt. In ut quam vitae odio lacinia tincidunt. Ut varius tincidunt libero. Sed lectus.

 

Maecenas nec odio et ante tincidunt tempus. Nulla consequat massa quis enim. Phasellus tempus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.

New Button
wow is-folded-right-img


<var> wow is-folded-right-img </var>

Folded animations

Praesent vestibulum dapibus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Vivamus aliquet elit ac nisl. Praesent egestas neque eu enim.

 

Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Proin faucibus arcu quis ante. Morbi nec metus. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Nullam accumsan lorem in dui.

New Button
wow is-folded-left


<var> wow is-folded-left </var>

Folded animations

Praesent vestibulum dapibus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Vivamus aliquet elit ac nisl. Praesent egestas neque eu enim.

 

Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Proin faucibus arcu quis ante. Morbi nec metus. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Nullam accumsan lorem in dui.

New Button
wow is-folded-right


<var> wow is-folded-right </var>

Floating effect

is-custom
anim-up-down


<var> anim-up-down </var>

Use the class 'anim-up-down' as Alt TEXT for a single Jimdo image

while the option with the variables will allows you to animate the whole column.

Lazy effect

Cras non dolor. Fusce pharetra convallis urna. Vivamus euismod mauris. Praesent turpis. Donec vitae sapien ut libero venenatis faucibus.

 

Fusce neque. Curabitur turpis. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Cras sagittis. Sed lectus.

 

Aenean vulputate eleifend tellus. Cras non dolor. Quisque id odio. Fusce convallis metus id felis luctus adipiscing. Fusce commodo aliquam arcu.

lazy


<var> lazy </var>

How to add a custom widget to your Jimdo website

01.

Click the Matrix Themes admin menu and select the 'Shortcodes' section.

02.

Choose any custom widget using the copy button.

03.

Paste the widget code to your website inside the 'Widget/HTML' module.

04.

Customize it by adding your own text and images.

hs-fullwidth bg-lightgray
How to add a custom widget to Jimdo website wow animated fadeInUp

Make your own website

with built-in tools to grow your business online.

Select a template
bg-primary color-white hs-fullwidth

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
  • Scroll to top
Close