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

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 ***/

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">

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, 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

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

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 )

Updated and added new customer feedback widgets

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.

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.