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
    01. April 2015

    Matrix themes - custom widgets

    Matrix themes support

    Please check a full list of custom widgets available in Matrix themes. Fullwidth image sliders, carousel, quote teasers, tabs, toggles, animated elements and much more.

    Unleash your creativity and enjoy endless possibilities with Matrix theme!

    Custøm Widgets

    Matrix themes

    Edit here your slider caption

    Widget/HTML

    For most of custom widgets you need to use Jimdo module Widget/HTML. In documentation page can be found a section Shortcodes with all custom widgets available in selected template

    How to use

    Each custom element has a screenshot image and code. You need to copy the code and paste it to your website using  the module Widget/HTML.  The copy button will facilitate your work:

    
    <!-- ************* Default content teaser ************* -->
    <div class="content-teaser cc-clearover">
    <div class="hs-left">
    <h2>Awesome Jimdo templates for your website</h2>
    <p>Premium Jimdo Theme coupled with advanced functionality and awesome support</p>
    </div>
    <div class="hs-right"><a class="hs-button" href="https://www.matrix-themes.com/" target="">learn more</a></div>
    </div>
    
    
    

    Full list of custom widgets

    No matter whether you're using Professional or Advanced package. The below list of widgets is available in each theme:

    last updated: May 2017

    Image slideshow

    Available in 3 versions: fullwidth and 2 styles with content version

    right caption

    Quisque velit nisi, pretium ut lacini

    left caption

    Quisque velit nisi, pretium ut lacini

    Caption with links

    Quisque Your custom title velit nisi, pretium ut lacini

    Content teaser

    Unlimited colors and different styles

    I build Jimdo themes for your Business

    Premium Jimdo Themes

    learn more

    I build Jimdo themes for your Business

    Premium Jimdo Themes

    learn more

    I build Jimdo themes for your Business

    Premium Jimdo Themes

    learn more

    Quote teaser

    The only way to get smarter is by playing a smarter opponent.

    – Fundamentals of Chess 1883

    Vestibulum ac diam sit amet quam vehicula elemeivamus magna justo, lacinia eget consectetur sed, convallis at tellus.

    (Elemeivamus)

    Cloud tags

    Jimdo Matrix Design Responsive jQuery Milano templates
    Jimdo Matrix Design Responsive jQuery Milano templates
    Jimdo Matrix Design Responsive jQuery Milano templates

    Overlay teasers

    Your custom title

    Your custom title


    Popup with video or map

    Open YouTube video

    This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left.

    Open Google Map

    This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left.


    Social icons

    Pricing tables

    € 60,00

    Professional package

    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet

    Custom button

    € 90,00

    Enterprise package

    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet

    Custom button

    Tabs

    • First
    • Second
    • Third

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Toggles

    Lorem ipsum dolor

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Lorem ipsum dolor

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Lorem ipsum dolor

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Tile widget

    Your title

    Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.


    Fullwidth color sections

    Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt

    Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt

    Parallax

    This a parallax image

    Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt

    One Half

    This is your heading

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Cras ultricies ligula sed magna dictum porta. Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada.

    This is your heading

    Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Cras ultricies ligula sed magna dictum porta. Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada.

    One third

    32

    Jimdo Experts

    52

    Freelancers 

    18

    Countries

    One fourth

    32

    Jimdo Experts

    52

    Web Agencies

    18

    Countries

    7

    days support

    Font awesome

    check icon
    music icon
    train icon

    Skills widget

    HTML

    55%

    HTML

    55%

    Custom line

    tagPlaceholderTags: news, support, knowledge

    Write a comment

    Comments: 5
    • #1

      Alessandro Spanu (Thursday, 06 August 2015 00:52)

      Can you please describe how to implement a horizontal bar (which can be implemented on each single page) like the yellow one on the bottom of the matrix themes website?
      And how can the quote bar be shown as fullwidth, using the shortcode it is only until the content space.
      Thank you

    • #2

      Serhiy (Thursday, 06 August 2015 20:43)

      Hello Alessandro,
      I've just sent you an email with all instructions. The detailed tutorial about fullwidth background sections can be found in documentation page ( section "shortcodes" )

    • #3

      Tobias (Wednesday, 14 October 2015 14:50)

      Hello Serhiy,

      I would like to add links above the info part on to of the page and highligth them with a horizontal bar. Like the one that can be found here on the top of the page http://www.vbi.de/. Do I find a class in your layuot that I can customize to fit my purpose?

      Best wishes,
      Tobias

    • #4

      Serhiy (Thursday, 15 October 2015 19:23)

      Hi Tobias,
      the information line can be added only in certain themes at the moment. Probably I'll add this feature to every template

    • #5

      Tobias (Friday, 16 October 2015 14:56)

      That would be really cool :)
      Let me know.

      Best wishes,
      Tobias

    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