• 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. November 2024

    The new share buttons for your Jimdo site

    New share buttons for your Jimdo site

    Update your Jimdo website with new share buttons, allowing visitors to easily share your content on any device.

    The latest updates include a color fix for the Twitter (X) icon and the addition of two new share buttons for WhatsApp and Telegram.

    How to update

    To add the new share buttons to your website, follow these steps:

    1. Check Your Theme: Ensure you’re using one of the latest Matrix themes with advanced style editor.
    2. Update CSS: Add the latest 'updates.css' file to keep styles current.
    3. Update JavaScript: Upload the latest 'matrix-min.js' file (be sure to only use one JavaScript file to avoid conflicts).
    4. You're All Set!

    Customize the colors

    The default Jimdo share buttons are available in their original colors, as well as in black and white variations. However, you can further customize them by applying your primary or secondary brand colors in the style editor.

    To integrate the share buttons, simply place them within the columns. Inside each column, add a widget/HTML element with the following variable tags:

    
    <var>has-primary-social</var>
    
    <var>has-secondary-social</var>

    Original colors

    Primary color

    has-primary-social

    Secondary color

    has-secondary-social

    tagPlaceholderTags:

    Write a comment

    Comments: 0
    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