Design Kits
Pre-made designs for Jimdo templates.
How does it work?
Click the copy button and paste the code inside the section Edit Head ( Menu> Settings> Edit Head )
Notes:
01. Each design kit can be used only for a specific template, for example the design kit of Malaga can be used only for the Jimdo template Malaga and all it's variants
02. The navigation styles (only the first level) of Zodiac design kit overwrites the default Jimdo styles. Even if you setup a background color, it will be applied only for the second and third level of menu while the main navigation will always have a transparent background.
Malaga design kit
<link href="https://cdn.jsdelivr.net/gh/loki156/zodiac/design-kit/malaga.min.css" rel="stylesheet" type="text/css" />
Rome design kit
<link href="https://cdn.jsdelivr.net/gh/loki156/zodiac/design-kit/rome.min.css" rel="stylesheet" type="text/css" />
Prague design kit
<link href="https://cdn.jsdelivr.net/gh/loki156/zodiac/design-kit/prague.min.css" rel="stylesheet" type="text/css" />
Osaka design kit
<link href="https://cdn.jsdelivr.net/gh/loki156/zodiac/design-kit/osaka.min.css" rel="stylesheet" type="text/css" />
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-right-nav
navigation styles
size-15 weight-400
content styles
form-white
footer styles
o-form color-white
Typography
Heading H1
weight-600
Heading H2
weight-600
Heading H3
weight-600
Buttons
weight-400
Animations
Note: All changes made here will be applied to your entire website.
is-switcher admin-only
draggable-logo