How to edit the social links in the header
Common issues
1. In section "Shortcodes" copy the social links and paste them to the footer of your website
2. Inside the code of Widget/HTML, you add the class hs-magic . Then refresh the page and you will see the icons appeared inside the header but edited in footer
How to find the icons code
Once the icons will appear in header, you can edit them in footer, at the same position you added them before.
You can find the code to edit again in footer on mouseover as shown below:
- Tip: in order to easily find the code of the social links in footer, it is suggested to add it as the last module in footer
Quick links
hide-in-doc-page
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 | |
| text color |
Other elements
| social icons | |
| navigation color | |
| subnav background |
Mobile navigation
| background color | |
| navigation color |
| Template configurations |
| has-center-nav g-font has-large-header |
| Navigation styles |
| size-15 weight-400 snip-nav --line01 is-uppercase |
| Content styles |
| form-white |
| Footer styles |
| o-form color-white |
|
Typography |
| Heading H1 |
| weight-600 is-uppercase |
| Heading H2 |
| weight-400 is-uppercase |
| Heading H3 |
| weight-600 is-uppercase |
| Buttons |
| weight-600 is-uppercase |
| Animations |
Note: All changes made here will be applied to your entire website.
is-switcher
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE