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

Installation

Zodiac theme

draggable-hero color-white

Please use the below step-by-step instructions for the installation of Z-theme on your own website.

Use the same access of Zodiac framework  for the password access sections.

 

01  Upload js file

In admin mode select Design > Custom Template> Files and upload a js file

JS file
add-5 bg-lightgray margin-5 mid-round

02  Paste CSS styles file

Copy the CSS and paste it to Design > Custom Template> CSS

CSS
add-5 bg-lightgray margin-5 mid-round

03  Paste HTML

Copy the HTML and paste it to Design > Custom Template> HTML. At the end click the save button and confirm the changes.

HTML
add-5 bg-lightgray margin-5 mid-round

Once installed the new template,  you'll need to deactivate Jimdo mobile version ( Design> Mobile View ) use the toggle button to deactivate it and click the save button

 

add-5 bg-lightgray margin-5 mid-round

You'll also need to adjust the global typography. In admin mode> Design> Font Settings and setup the color and the size of the headings and global text:

Heading H1 - 30px

Heading H2 - 25px

Heading H3 - 20px

Global text - 15px

add-5 bg-lightgray margin-5 mid-round

04  Customize it

See all design options & further customization of the template

Design options

bg-lightgray hs-fullwidth dark-hr-1 pull-btm

Troubleshooting

The admin menu or other js scripts stopped working

The js file you have uploaded to your website contains the jQuery library. Please make sure you have only one library of jQuery to avoid the conflict between different versions.Remove all js files previously used on your website.

If you used the Zodiac framework before, please remove all it's files & links from Edit Head section.

How to add a logo image

Please check the documentation with detailed instructions about it in Quick setup> Logo Image

Password-Protected Areas

For the Password protected Areas, use the same access of Zodiac Framework.


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
  • Z-theme
  • Scroll to top
Close