• Home
  • Projects
    • Zodiac
    • Zion theme
  • Blog
  • About
 (+46) 432‑582-02,  
   office@mail.se
  • Home
  • Projects
    • Zodiac
    • Zion theme
  • Blog
  • About
  1. Projects
  2. Zodiac

Installation

Install the Zodiac framework in just one click.

Installation

Current version: 5.5.5 (30-04-2022)

To add the Zodiac framework to your own website, just copy the below code and paste it to Edit Head section

01  In admin menu > Settings> Edit Head


<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/loki156/zodiac/dist/zodiac-framework.min.js" async="true" type="text/javascript"></script> <link href="https://cdn.jsdelivr.net/gh/loki156/zodiac/dist/zodiac-framework.min.css" rel="stylesheet" type="text/css" />


<style type="text/css"> /*<![CDATA[*/
/* main bg accent color */ #cc-inner .bg-primary, #cc-inner .hs-button:not(.ghost-dark):not(.ghost-white) { background:#2d00fb; } /* light bg accent color */ .jtpl-main .bg-primary-light, .jtpl-main .content-teaser, .jtpl-main .quote-teaser, #cc-inner .bg-grey, #cc-inner .bg-gray, .jtpl-main .hs-description { background:#f6f6f9; } /* dark bg accent color */ #cc-inner .bg-primary-dark, #cc-inner .hs-button:not(.ghost-white):hover{ background:#03002f!important; } /* btn size */ #cc-inner .j-formnew input[type='submit'], #cc-inner .hs-button { padding:18px 45px; }
/*]]>*/ </style>



bg-grey  mid-round add-20 wow animated fadeInUp

02  Click the plus icon to open the Zodiac admin menu

bg-grey  mid-round add-20 wow animated fadeInUp

03  Click the header title Zodiac framework to access the main dashboard

bg-grey  mid-round add-20 wow animated fadeInUp
bg-secondary hs-fullwidth dark-hr-2 pull-btm

Troubleshooting

The Zodiac menu or other js scripts stopped working

The framework is using a jQuery library in section Edit Head. Make sure you have only one library of jQuery to avoid the conflict between different versions.

The framework menu doesn't work properly if you installed the latest version and didn't remove the previous code of the framework from the footer. Starting from version 5.2 , the framework doesn't require anymore the second part of the code in footer

Is it possible to host all files on my own website?

Please check the documentation with detailed instructions about it

Password-Protected Areas

The sections with Password-Protected Areas are part of the framework Zodiac Pro including additional widgets, plugins and custom features.


The advanced page builder for Jimdo Creator

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

Sat

30

Apr

2022

Zodiac release v.5.5

Read More

Thu

01

Apr

2021

Block elements - Zodiac

Read More

Tue

09

Feb

2021

Using Variables in Zodiac framework

Read More
footer-styles has-link-inherit

Resources

  • Design Kits
  • Zodiac Theme
  • Pro Widgets
  • Zodiac Add-ons
  • Block Elements

 

has-links-list

 

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 g-font no-shopping-cart
navigation styles
size-16 weight-400 snip-nav
content styles
form-white round-btn
footer styles
o-form color-white round-btn
Typography
Heading H1
weight-600
Heading H2
weight-600
Heading H3
weight-600
Buttons
weight-600 --hover:bg-custom
Animations
wow fadeInUp

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

z-logo
draggable-logo

About | Privacy Policy | Cookie Policy | Sitemap
This website is not endorsed by or affiliated with Jimdo GmbH
Log in Log out | Edit
  • Zodiac
  • Zion theme
  • Scroll to top
Close