Matrix themes - Updates #08

This post includes the latest Matrix Themes and Page builder's updates, bug fixes, and the new features and designs.

To update your website with the latest version of the Matrix Theme or a template installed with the advanced style editor, simply follow these steps:

• Go to the "Updates" section of the Matrix Themes menu and download the latest CSS and JS files.
• Upload the new files to your website.
• The new files will automatically replace the previous ones.

For more information on how to update your Matrix Theme, please visit our support page at the following link:

https://www.matrix-themes.com/support/updates/guidances/

The tile widget has been updated with some small improvements for mobile devices. When using the tile widget with a right-aligned image on a mobile device, the image will now always be displayed before the text description.

You can find the updated widget in the "Shortcodes" and "Block Elements" sections.

If you prefer the previous design, you can simply remove the is-reverse class.

<div class="is-matrix bg-primary-light is-reverse">
...

In Matrix themes, you can further customize the default Jimdo elements using the alternative text as a class. You can easily create full-width images, add a border radius to any image, or even create a custom shape or hover effect.

Please refer to the following demo page to view all available classes for ALT text.

I would like to inform you that the latest updates have included a small yet significant improvement - adding the ALT class for a standalone element (Jimdo module), which will then be applied to its parent div. Furthermore, when an image is placed inside columns, the custom class will be applied to the image for better customization options.

The latest CSS components have several bug fixes available, including an issue with templates featuring dark backgrounds. Previously, some default elements were not visible as they took on the same color as the global content text. With the latest updates, this issue has been resolved, and all elements are now visible and functioning properly.

I've also made some recent improvements to the helper classes, including the addition of the

class m-padding . This class automatically applies a 25px padding to mobile devices, with the exception of widgets that include images. For those widgets, the padding is set to 100px for optimal display.

This feature has been added to both Matrix Themes and Matrix Page Builder, allowing you to have scaled text that adapts to its parent div.

So, how does it work? The scaled text feature works specifically for text or headings that have a font size greater than 50px and are used within the 'Text' module.

The scaled text can be used in Widget/HTML like this:

 <div class="is-scaled">
   <h3>
     <span style="font-size: 140px;line-height:100%;">
        Resize me 
     </span>
   </h3>
 </div>

Matrix Themes has recently launched several new templates that are ideal for creative websites, thanks to their unique layout structure. If you're interested in exploring the classic designs, I invite you to visit the following blog post:

Please find a custom widget "Google translate" . This tool is designed to make it easy for you to add language translation functionality to your website, allowing your content to be automatically translated into different languages.

Using this widget is easy. Simply copy the code and paste it onto your website, then select the default language you want to translate from. This tool is compatible with any Jimdo website, so no matter if you're using a Matrix theme or standard Jimdo template, you can easily add translation capabilities.

It is important to note, however, that Google translate does not provide a perfect translation every time. While it can certainly help your content reach a wider audience, I recommend that you use it with caution.