• Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
     
  • Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
    05. February 2024

    Matrix themes - Updates #13

    Matrix themes Updates

    The latest updates of Matrix Themes including the new features, bug fixes and much more. You will also find some further customizations of custom widgets with the live examples.

    Updated Widgets

    new Matrix themes widgets

    All widgets within the 'Shortcodes,' 'Block Elements,' and 'Add-ons' sections, available in the Matrix Themes admin menu, have been updated. To utilize the latest widgets, please update all CSS components and JS files.

    Card concept

    card concept widget add-5 bg-primary-light

    The newly introduced widgets follow a card-based concept, allowing you to use any widget as a standalone module or within a column.

    Archived widgets

    As many customers continue to use old Matrix themes, the previous widgets have been relocated to the 'Archived Widgets' section, accessible through a link at the top of the admin page.

     

     

    Block elements

    block elements in Matrix themes

    When you need a full-width section, you can use pre-built elements from the 'Block Elements' section. All widgets in this category have also been updated and function as full-width block elements.

     

    Add-ons

    The 'Add-ons' section introduces new and updated additional plugins, featuring limited-time cards, expanded slider options, equal divs, advanced tabs, and more.

     

    Equal divs add-5 bg-primary-light
    Equal divs

    Fluid sections and the most common mistakes

    Unfortunately, a frequent mistake made by many customers is placing fluid section widgets within the 'Widget/HTML' module instead of the intended 'Text' module.

    How to add a fluid section to your website

    1. Select any widget from section "Fluid sections" by clicking the copy button

    2. On your website add "text" module and click "Edit HTML" button

     

    3. Paste the copied code inside the "Source code" and click the "Save" button

     

    4. Click the button "Apply the styles" of the Style editor and start editing the fluid section with drag&drop tools

    Fluid sections add-5 bg-primary-light

    New release for Page Builder

    The latest Matrix Page Builder version (v6.5.2) includes updates for the new widgets, block elements, and add-ons mentioned earlier.

    Matrix Page Builder add-5 bg-primary-light

    tagPlaceholderTags: m-updates
    Matrix Themes


    Stand out with professional Jimdo website

    Premium 24/7 Support · Lifetime Updates




    has-right-col-border

    Resources

    • Templates
    • Pre-made Templates
    • Matrix Builder
    • Add-ons
    • Pricing
    • Marketplace

    Documentation

    • Get Started
    • Quick Setup
    • Style Editor
    • Tutorials
    • Updates

    Quick links

    • Made with Matrix
    • Style Guide
    • Shortcodes
    • Jimdo Creator
    • Small Business websites
    • Feedback

    Try Matrix Builder
    draggable-logo

    Global 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
    Template configurations
     
    has-center-nav has-sticky-logo has-large-header g-font no-shopping-cart
     
    Top header inner
     
     
     
    Header inner
     
     
     
    Navigation inner
     
     
     
    Navigation styles
     
    snip-nav --line01
     
    Sub-menu (breadcrumbs) styles
     
    size-15
     
    Mobile Navigation styles
     
    size-30
     
    Content styles
     
    form-white
     
    Footer styles
     
    o-form color-white white-outline-btn
     
    Footer background image
     
     

     

    Typography

    Heading H1
    weight-400
     
    Heading H2
    weight-400
     
    Heading H3
    weight-400
     
    Buttons
    weight-400
     
     
    Advanced settings
     
    Custom CSS

     

    #cc-inner .my-class {

      color:#f0f0f0;

    }

     


    Note:
    All changes made here will be applied to your entire website.
    is-switcher

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