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

    Sitemap

    • Home
    • Features
      • Matrix Framework
      • Matrix One
      • Plugin Toolkit
      • Matrix Library
    • Templates
    • Support
    • Pricing

    Blog

    • 10/18/2025 - Introducing Matrix Framework: The Ultimate Jimdo Website Enhancement Suite
    • 05/07/2025 - Matrix themes - Updates #19
    • 03/28/2025 - Matrix themes - Updates #18
    • 02/04/2025 - Matrix themes - Updates #17
    • 11/29/2024 - Introducing Smart Menus
    • 11/05/2024 - The new share buttons for your Jimdo site
    • 10/07/2024 - Matrix themes - Updates #16
    • 05/07/2024 - Matrix themes - Updates #15
    • 03/18/2024 - Matrix themes - Updates #14
    • 02/14/2024 - Design Kit for Jimdo templates
    • 02/05/2024 - Matrix themes - Updates #13
    • 12/17/2023 - Matrix themes - Updates #12
    • 10/21/2023 - Matrix themes - Updates #11
    • 06/18/2023 - Matrix themes - Updates #10
    • 04/11/2023 - Matrix themes - Updates #09
    • 03/21/2023 - Matrix themes - Updates #08
    • 02/04/2023 - Matrix themes - Updates #07
    • 01/09/2023 - Matrix themes - Updates #06
    • 12/12/2022 - Matrix themes - Updates #05
    • 10/27/2022 - Matrix themes - Updates #04
    • 08/29/2022 - Matrix themes - Updates #03
    • 05/01/2022 - Matrix themes - Updates #02
    • 03/22/2022 - Matrix themes - Updates #01
    • 04/25/2021 - Hero Image in Matrix Themes
    • 11/27/2020 - A Complete Guide to Helper Classes
    • 11/18/2020 - Showmore plugin with collapsible blocks
    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