April Updates

A post with the latest updates of Matrix themes and some new features such as revealed blocks, additional styles for Jimdo images, animated buttons and much more.

If you're using Enterprise package, please visit  the section Enterpise package > Updates and add the latest updates of Ultimate widgets of 17/04/2020

The latest updates include:

Added 2 classes

• is-round
• is-mid-round

You simply upload any image using the module "Photo" and add  the right class to the alt text as shown in below screenshot

* The rounded image should have a square form ( 100x100px, 300x300px etc)

You can add some additional animation effects to your buttons

<!-- *** animated button *** -->
<a class="hs-button is-animate is-dark" href="http://www.matrix-themes.com/" target="">Animated btn </a>

<!-- *** animated button for ghost white styles *** -->
<a class="hs-button is-animate is-white ghost-white" href="http://www.matrix-themes.com/" target="">Animated btn </a>

Substituted the downbutton arrow in hero image and plus icon in overlay teaser

Custom caption styles inside the columns

Standalone center aligned caption ( no inside the columns )

You can combine the center aligned caption and alt text ' is-fullwidth'

If you're using multipy images, you can reduce the top or bottom margin with the following classes:

• pull-top
• pull-btm

A possibility to use fullwidth image, caption and overlay.

a) Add the module "Columns" with only one row and upload your image with center aligned caption and alt text 'is-fullwidth'

b) Below the image, inside the same column, add the following code using "Widget/HTML)

<div class="f009">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.f009)').addClass('has-padding has-custom-caption has-overlay is-fullwidth');
});
})(jQuery);
//]]>
</script>

a) Prepare 3 columns and center aligned images with caption and link to portfolio or other pages of your site.

b) Below the last image inside the same column add the following code and refresh the page

<div class="f0010">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.f0010)').addClass('has-padding__ is-fullwidth has-cool-caption is-img-maxed has-col-3');
});
})(jQuery);
//]]>
</script>

The design  of Heisenberg template has been completely redesigned with  revealed hero image and  hamburger navigation. The template is available in two versions: default and Heisenberg Arch:

You can also find  out the full collection of new designs  ( Alsten construction, Oland Spa, Hisingen Freelancer and others)

That's all for now;)

Once again I'd like to remind all Matrix Themes partners and Jimdo Experts a possibility to  install any template for free ( up to 5 different templates )  filling out the form from this page.