Style Editor Docs
     
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
    22. August 2019

    New Social Icons

    Find out the latest social media icons used in Matrix Themes and all options for customization

    Default icons

    The color link is the same as you set up global link in Font settings, but you can change it using the following helper classes:

    • link-dark
    • link-grey
    • link-white

    Alignment

    • left-align
    • center-align
    • right-align

    Size

    • size-11
    • size-12
    • size-13
    • ...
    • size-20

    Additional styles

    The additional styles have been added in August 2019, so you can update the CSS using the section 'updates'

    
    <div class="hs-social is--flex new-social left-align link-dark size-11 is-circle-solid">
    
    <div class="hs-social is--flex new-social left-align link-dark size-11 is-circle-solid">
    
    <div class="hs-social is--flex new-social left-align link-white size-11 is-circle-solid is-rounded">
    
    <div class="hs-social is--flex new-social left-align link-dark size-11 is-circle-border">
    
    <div class="hs-social is--flex new-social is-mid-rounded left-align link-dark size-11 is-circle-border">
    
    <div class="hs-social is--flex new-social is-rounded left-align link-dark size-11 is-circle-border">

    Brand color

    You can also use your brand color with the following helper classes:

    • has-brand-bg
    • has-brand-border

    White color  icons for dark background

    UPDATES: the latest styles of social icons are available in section Updates of Matrix Themes menu. You just copy the code and add it to your CSS folder.

    tagPlaceholderTags:

    SUPPORT

    • Blog
    • Support center
    • Tutorials
    • Common Support issues
    • Updates

    QUICK LINKS

    • Advanced Style Editor
    • Features
    • Pricing
    • Pre Purchase Questions
    • Marketplace
    • Zødiac Framework
    • Jimdo Creator

    WIDGETS

    • Instagram feed
    • Team Showcase
    • Animations
    • Parallax widget
    • Full width widgets
    • Countdown Timer
    • All Widgets

    GET INSPIRED

    • Showcase
    • Custom widgets
    • Enterprise Package
    • No coding features
    • Matrix variables
    • Dolphin Block Elements
    hide-in-doc-page

    Showcase
    draggable-logo

     

    Main colors
       bg-primary
       bg-primary-light
       bg-primary-dark
       bg-secondary
       bg-secondary-dark
    Template sections
       body
       top-header
       header
       content
    Footer Styles
       background
       text color
       link color
       horizontal line
    Buttons
       style 1
       style 2
       style 3
    Other elements
      social icons
      navigation color
      subnav background
    Mobile navigation
       background color
       navigation color
    Template configurations
    has-center-nav g-font
    navigation styles
    size-15 weight-400 snip-nav is-uppercase --line01
    content styles
    form-white
    footer styles
    o-form  color-white
    Typography
    Heading H1
    weight-600 is-uppercase
    Heading H2
    weight-600 is-uppercase
    Heading H3
    weight-600 is-uppercase
    Buttons
    weight-600 is-uppercase
    Animations
    none

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

    MATRIX THEMES

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Copyright © 2022 All rights reserved
    Log in Log out | Edit
    • Scroll to top
    Close