• Home
    • Templates
      • Alsten
      • Lemberg
      • Bergen
      • Hafen
      • Altona
      • Enkel
      • Horten
      • Hisingen
      • Agen
      • Tjörn
      • Halmstad
      • Öland
    • Support
    • Purchase
    • Blog
  • Home
  • Templates
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
  • Purchase
  • Blog
    20. September 2019

    It's time to update your Jimdo website

    This is a post about all recent updates, changes and new features of Matrix Themes

    New Cookies message style

    Jimdo has recently changed the style of cookies message so you might find a bug in tablet/mobile devices in previous Matrix Themes.

    To fix it, just add the following block of code to your CSS  Design> Custom Templates> CSS by replacing the old one:


    /*** cookies message ***/
    #cc-cookie-law-headline { font-weight:500; font-size:13px; } #cc-cookie-law-button-group { padding-bottom:10px; display: flex; } #cc-cookie-law-text { margin-bottom:10px!important; } #cc-cookie-law-headline, #cc-cookie-law-text a { color: #fff!important; } #cc-inner { padding:0!important; } .cc-page #cc-cookie-law { padding: 5px; vertical-align: middle; text-align: left; font-size: 11px; line-height: 120%; border-bottom:none; background: #000!important; color: #cdcfd3!important; position: flex; bottom:0; top:auto; } .cc-page #cc-cookie-law-button,.cc-page #cc-cookie-law-button:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; } #cc-cookie-law-button { width:inherit!important; } .cc-page .cc-btn-icon span { display:none; } .cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,#cc-cookie-law-button a { display: block; margin:1px; width: 100%; box-sizing: border-box; font-family: inherit; box-shadow: none; text-align:center; border: none; border-radius: 0; line-height: 120%; font-size: 13px; text-shadow: none; background-color: #222!important; color: #fff!important; padding: 8px 10px; -webkit-border-radius: 1px; border-radius: 1px; } .cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,.cc-btn.green{ background:#f1d600!important; color:#000!important } /*** end cookies message ***/

    Template configurations

    The latest themes include additional template configurations with different style of header, hero image and content section without making any further changes in CSS

    • has-custom-header
    • has-custom-hero
    • has-custom-blog
    • has-large-content

    For example, in order to change your navigation from dark to white color, you simply add the class has-custom-header in HTML

    
    <div class="global-colors brand-bg brand-link has-custom-header">

    New social icons

    In section 'Shortcodes' now you can find 5  different styles of Social Icons based on Font Awesome framework.  The old styles with sprite image have been removed in CSS.

    • You can update the new social icons on your own by visiting the section 'updates' of Matrix themes menu.

    Instagram feed

    Instagram feed, included in Enterprise package, has been updated to the latest version and now you can display your feed by username or tag.

    The widget available with 2 styles: default and full width gallery

     

    Countdown Timer plugin

    Added a new version of countdown timer plugin ( available in enterprise package )

    Limited time offer!


    New Tile widget

    The new tile widget is using flexbox, so no matter how long is your text block, the image will automatically adapt to it's height ( Ultimate widgets )

    Ultimate tile 1


    Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, no sea takimata sanctus est Lorem ipsum dolor sit amet. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua.


    Custom button

    Ultimate Tile 2


    Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat


    Custom button

    Ultimate tile 3


    Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, no sea takimata sanctus est Lorem ipsum dolor sit amet. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua.


    Custom button

    Customer feedback widget

    Updated and added new customer feedback widgets

    Vivamus suscipit tortor eget felis porttitor volutpat. 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. Sed porttitor lectus nibh

    (Quote 2)

    Vivamus suscipit tortor eget felis porttitor volutpat. 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. Sed porttitor lectus nibh

    (Quote 3)


    Vivamus suscipit tortor eget felis porttitor volutpat. 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. Sed porttitor lectus nibh

    (Quote 5)

    Vivamus suscipit tortor eget felis porttitor volutpat. 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. Sed porttitor lectus nibh

    (Quote 4)


    General updates for parallax, hero image and full width captions

    The caption area for hero image, parallax and full width section is using class col-6 which allows to display text only in specific area ( left, center or right aligned ). However, in mobile devices it has 100% width.

    This is Universal Parallax

    The text color in this example is white. You can add here anything what you want: title, simple text, links, button or custom widget . Left, right or center aligned.


    Custom button

    Zodiac 3

    If you have customers using default Jimdo templates, there's a new release of Zodiac framework

    ( v.3.2 ) included almost all updated widgets of Matrix Themes. 

    Live preview Zodiac website
    tagPlaceholderTags: homepage, col-2

    Support

    • Blog
    • Support center
    • Tutorials
    • Common Support issues
    • Updates
    • Matrix Checkup

    Quick links

    • Features
    • Pricing
    • Pre Purchase Questions
    • Partners
    • Custom Installation
    • Zødiac Framework

    Get inspired

    • Showcase
    • Web Design Inspirations
    • Professional Package
    • Enterprise Package
    • Play of columns
    • No coding features
    • Matrix variables
    hide-in-doc-page

    Showcase
    draggable-logo

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Copyright © 2021 All rights reserved
    Log in Log out | Edit
    • Scroll to top
    Close