• Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
     
  • Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
    12. September 2015

    Introducing the New Matrix themes

    New Matrix themes - Jimdo

    I'm happy and very excited to release the new Matrix themes. With a new design style, additional custom widgets and detailed documentation, the latest templates will be a perfect choice for your Jimdo website whether you have online store, corporate business or just a personal portfolio

    What's new?

    First of all, it's a new Matrix themes documentation fully integrated with Jimdo admin panel. Clicking the Matrix themes button, you will find further options for your custom layout including the general documentation, color and font picker, support contact form and much more without leaving your website

    Matrix themes - Jimdo

    Shortcodes

    The shortcodes with screenshots in order to find quickly the right widgets. All you have to do is just to copy the code example and paste it to your website in Widget/HTML

    Matrix themes - Jimdo

    Color picker

    The advanced color picker with a possibility to change your website style in one click.

    Matrix themes - Jimdo

    Font picker

    Select your preferred google font with different styles. You can decide which section of your website will be using the external fonts and which one the default Jimdo system ones

    Matrix themes - Jimdo

    Helper classes

    A new way of editing a custom Jimdo layout with additional helper classes for each section of your website. You can edit your navigation style ( or any other section of your website ) without changing the CSS styles. Let's see a live example:

    Default navigation:

    
    
     <div class="hs-menu">
        <nav> 
    <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation </var>
    </nav> </div>

    Additional styles:

    by adding the helper classes directly to your HTML markup, you can decide where your menu will be left, center or right align, will be using an external google font or global website one, it's size and other options:

    
    
     <div class="hs-menu left-align g-font size-13">
        <nav> 
    <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation </var>
    </nav> </div>

    The helper classes can be used directly in HTML or in any Widget/HTML module. Have a look at additional awesome buttons style available in custom layout:

    
    <!-- ************* awesome button ************* -->
    <a class="hs-button green bg-round center-align" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>

    There's an endless list of customization available in Matrix themes:  you can add a sticky effect to your navigation, hide specific widgets in tablet or mobile devices, further font styles, colors and much more. A full list can be found in documentation page

    Adittional options

    • Fullwidth slider
    • Parallax image effect
    • Blog module inside the columns
    • Fullwidth background sections
    • Sticky navigation
    • Fullwidth youtube video ( Altona, Tjorn, Oland, Lemberg Explosion )
    • Endless colors list for any widget
    • Popup video and map widgets

    Updates

    I'm still working on some of the templates that will be updated soon. If you're using one of the Matrix themes and want to update your own website with the latest release, please fill out the form from the page Support.  The new theme will be installed in 2-3 working days

    Important!

    Please note that after update, some of your old widgets won't work. The colors and fonts will be exactly the same like in my demo website. If you added further custom elements, scripts or CSS styles, it will be removed while the content of your pages will remain the same

    tagPlaceholderTags: news

    Write a comment

    Comments: 2
    • #1

      Bärbel Strodthoff (Wednesday, 16 September 2015 10:21)

      Ich bin mal wieder begeistert und freue mich auf die neuen Matrix Themes!
      Liebe Grüße aus dem hohen Norden:-)

    • #2

      Richard (Wednesday, 16 September 2015 13:51)

      great work Serhiy!

    Matrix Themes


    Stand out with professional Jimdo website

    Premium 24/7 Support · Lifetime Updates




    has-right-col-border

    Resources

    • Templates
    • Pre-made Templates
    • Matrix Builder
    • Add-ons
    • Pricing
    • Marketplace

    Documentation

    • Get Started
    • Quick Setup
    • Style Editor
    • Tutorials
    • Updates

    Quick links

    • Made with Matrix
    • Style Guide
    • Shortcodes
    • Jimdo Creator
    • Small Business websites
    • Feedback

    Try Matrix Builder
    draggable-logo

    Global colors
      bg-primary
      bg-primary-light
      bg-primary-dark
      bg-secondary
      bg-secondary-dark
    Template colors
      body
      top-header
      top-header-inner
      header
      header-inner
      navigation-inner
      navigation color
      dropdown background color
      content
    Footer Styles
      background
      text color
      link color
      horizontal line
    Buttons
      style 1
      style 2
      style 3
      text color
    Mobile navigation
      background color
      navigation color
    Other elements
      social icons
      top header border
      header border
      nav inner border
    Template configurations
     
    has-center-nav has-sticky-logo has-large-header g-font no-shopping-cart
     
    Top header inner
     
     
     
    Header inner
     
     
     
    Navigation inner
     
     
     
    Navigation styles
     
    snip-nav --line01
     
    Sub-menu (breadcrumbs) styles
     
    size-15
     
    Mobile Navigation styles
     
    size-30
     
    Content styles
     
    form-white
     
    Footer styles
     
    o-form color-white white-outline-btn
     
    Footer background image
     
     

     

    Typography

    Heading H1
    weight-400
     
    Heading H2
    weight-400
     
    Heading H3
    weight-400
     
    Buttons
    weight-400
     
     
    Advanced settings
     
    Custom CSS

     

    #cc-inner .my-class {

      color:#f0f0f0;

    }

     


    Note:
    All changes made here will be applied to your entire website.
    is-switcher

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