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

It's time to update your Jimdo website

New Cookies message style

Template configurations

New social icons

Instagram feed

Countdown Timer plugin

New Tile widget

Ultimate tile 1

Ultimate Tile 2

Ultimate tile 3

Customer feedback widget

General updates for parallax, hero image and full width captions

This is Universal Parallax

Zodiac 3

Support

Quick links

Get inspired

It's time to update your Jimdo website

New Cookies message style

Template configurations

New social icons

Instagram feed

Countdown Timer plugin

New Tile widget

Ultimate tile 1

Ultimate Tile 2

Ultimate tile 3

Customer feedback widget

General updates for parallax, hero image and full width captions

This is Universal Parallax

Zodiac 3

Support

Quick links

Get inspired

Strictly necessary

Functional

Performance

Marketing / Third Party

Cookie Policy