Skip to content
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
    28. March 2025

    Matrix themes - Updates #18

    Matrix themes - Updates #15

    The latest updates of Matrix themes, including new features, bug fixes, and much more.

    In my previous post on February 4, 2025, about Matrix theme updates, I introduced 30 newly updated custom widgets. This time, I’m excited to announce that now all custom widgets have been fully updated! Below, you’ll find a detailed breakdown of the improvements and new features.

     

    Updated matrix.js with Admin Menu Enhancements

    First, make sure to update matrix-min.js.

    Once you upload the latest release to your website, you’ll notice some small but important changes in the admin menu:

    • The "Shortcodes" section has been renamed to "Components", reflecting a more accurate definition. All widgets now contain one or more customizable components.
    • The "Block Elements" section is now "Page Blocks", emphasizing that these are full-width, pre-built sections that have been completely revamped.

    These updates enhance clarity and usability, making it easier to customize and manage your Matrix theme.

    doc-img

    Components: Fully Refactored Custom Widgets

    All custom widgets have been completely refactored, and many now include built-in animations by default - no extra code or snippets needed!

    If a widget isn’t displaying correctly on your website, ensure you have updated the following stylesheets to the latest versions:

    • custom-widgets.css
    • helper-classes.css
    • updates.css
    doc-img

    New Page Blocks: Completely Redesigned Sections

    This section has been fully redesigned with many new full-width sections, offering a more modern and flexible layout. These updates improve both visual consistency and customization options, making it easier to create dynamic and engaging pages.

    doc-img

    Small Improvements & Bug Fixes in the Main CSS File

    The main CSS file for the custom layout has undergone some minor but important updates:

    • Fixed a typography bug to ensure better text rendering.
    • Improved the positioning of custom navigation icons for better alignment and consistency.
    doc-img

    Good to Know

    To add any component or page block to your website, simply follow these steps:

    1. Select the widget by clicking the Copy button.
    2. Paste the code into the "Widget/HTML" module of your website.

     

    Notes: Components can be used as standalone modules or placed inside columns. Page Blocks, on the other hand, can only be used as standalone modules within the "Widget/HTML" section, not inside columns.

    Card Concept

    All components have a card concept for improved layout flexibility. This means the widget adopts different styles based on its placement:

     

    1. Standalone Widget (1): When added as a standalone widget, it displays in its unique card style.

    2. Inside Columns (2): When incorporated into columns, it automatically adjusts to a different style suited for column placement.

    doc-img

    The latest updates of Matrix Themes introduce new helper classes that allow for further customization of your components and widgets. For instance, if you need to display a component inside a column while maintaining its original styles, you can use the

    is-flex-row class.

    doc-img

    Notes: In mobile view, elements with the 'is-flex-row' class are automatically stacked vertically to ensure a responsive layout. However, in rare cases - such as when using very small icons or images - you can override this behavior by applying the 'is-flex-row-mobile' class, allowing elements to remain in a horizontal row on smaller screens.

    The fine print

    As I wrap up this post on Matrix Themes updates, I’d like to briefly address a common question among Jimdo users: Is it still worth using Jimdo Creator in 2025?

    The short answer is: "It depends."

     

    While Jimdo has not released major updates for Jimdo Creator in years - apart from routine system maintenance - the platform has become increasingly less attractive for new users. This is not just due to the lack of innovation but also because the default template designs have remained unchanged for nearly a decade.

    For existing users, Jimdo Creator may still serve its purpose, especially with customization options like Matrix Themes. The latest updates make it possible to build a professional, modern, and visually appealing website - whether you're an individual, freelancer, or small business. With all the necessary tools at your disposal, creating a great-looking site is entirely achievable.

     

    I particularly appreciate the approach of some web design studios and Matrix Themes partners that provide tailored solutions for their clients, ensuring they get the most out of the platform.

    However, for those in need of more complex and, above all, scalable solutions, exploring alternatives might be a wise choice.

    That said, a word of caution for those who have already considered switching: WordPress with Elementor won't magically solve all your problems...

    tagPlaceholderTags: m-updates

    Write a comment

    Comments: 0
    Get started
    Gobal colors
      bg-primary
      bg-primary-light
      bg-primary-dark
      bg-secondary
      bg-secondary-dark
    Template colors
      body
      top-header
      top-header-inner
      header
      header-inner
      navigation-inner
      navigation color
      dropdown background color
      content
    Footer Styles
      background
      text color
      link color
      horizontal line
    Buttons
      style 1
      style 2
      style 3
      text color
    Mobile navigation
      background color
      navigation color
    Other elements
      social icons
      top header border
      header border
      nav inner border
      footer border
     
    Template configurations
     
    has-sticky-logo has-large-header primary-font has-center-nav has-header-blur no-shopping-cart
     
    Top header inner
     
     
     
    Header inner
     
     
     
    Navigation inner
     
     
     
    Navigation styles
     
    size-15 weight-400
     
    Sub-menu (breadcrumbs) styles
     
    size-15
     
    Mobile Navigation styles
     
    size-30
     
    Content styles
     
    form-white
     
    Footer styles
     
    o-form has-thin-border has-border-style-solid has-border-top has-footer-border-color
     
    Footer background image
     
     

     

    Typography

    Heading H1
    weight-400
     
    Heading H2
    weight-400
     
    Heading H3
    weight-400
     
    Body text (p, table, td)
     
     
    Buttons
    weight-400
     
     
    Advanced settings
     
    Custom CSS

    #cc-inner .my-class {

    color:#f0f0f0;

    }

    /* MATRIX-CUSTOM-MODULES-START */

    #cc-m-7792741551 h1, #cc-m-7792741551 h2, #cc-m-7792741551 h3 {font-size:20px !important;}

    #cc-m-7792741851 h1, #cc-m-7792741851 h2, #cc-m-7792741851 h3 {font-size:20px !important;}

    #cc-m-7792930551 h1, #cc-m-7792930551 h2, #cc-m-7792930551 h3 {font-size:20px !important;}

    #cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-weight:600 !important;}

    #cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-size:40px !important;}

    /* MATRIX-CUSTOM-MODULES-END */

    /* MATRIX-GLOBAL-SETTINGS-START */

    :root {

    --content-width: 1170px;

    --special-pages-content-width: 900px;

    }

    /* HAMBURGER-BAR-START */

    :root { --hamburger-btn-background: transparent; --hamburger-btn-bg: transparent; --hamburger-btn-bg-active: transparent; }

    /* HAMBURGER-BAR-END */

    #cc-inner #hs-container .j-formnew input[type='submit'],

    #cc-inner #hs-container input.submitUser,

    #cc-inner .hs-button,

    #cc-inner .j-calltoaction-link,

    #cc-inner input.cc-checkout-btn,

    #cc-inner a.cc-shop-addtocard {

    padding: 14px 35px !important;

    border-radius: 8px;

    }

    /* MOBILE-FULLWIDTH-BUTTONS-START */

    @media only screen and (width <= 746px) {

    #cc-inner #hs-container .j-formnew input[type='submit'],

    #cc-inner #hs-container input.submitUser,

    #cc-inner .hs-button,

    #cc-inner .j-calltoaction-link {

    width: 100% !important;

    margin: 5px auto 0 auto;

    box-sizing: border-box;

    text-align: center !important;

    }

    }

    /* MOBILE-FULLWIDTH-BUTTONS-END */

    /* MATRIX-GLOBAL-SETTINGS-END */


    Note:
    All changes made here will be applied to your entire website.
    draggable-logo

    Build faster, smarter, and more flexible Jimdo websites.

    has-right-col-border

    Products

    Matrix Framework

    Matrix One

    Matrix Plugin Toolkit

    Resources

    Support

    Changelog

    Showcase

    Marketplace

    Community

    Blog

    Archive

    GitHub



    About | Privacy Policy | Cookie Policy | Sitemap | Withdraw contract
    Created with Jimdo
    Log in Log out | Edit
    • Scroll to top
    Close