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" />
Zodiac is the advanced front-end framework for Jimdo websites. Create unique websites using advanced animations, custom CSS and JS plugins and much more.
Latest news
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| header | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 |
| social icons | |
| navigation color | |
| subnav background |
| background color | |
| navigation color |
| has-right-nav g-font no-shopping-cart |
| size-16 weight-400 snip-nav |
| form-white round-btn |
| o-form color-white round-btn |
| weight-600 |
| weight-600 |
| weight-600 |
| weight-600 --hover:bg-custom |
| wow fadeInUp |
Note: All changes made here will be applied to your entire website.
