To install Zodiac framework, you need to place 3 links in section Edit Head ( Settings> Edit Head ) and framework menu code that should be added
inside of the sidebar or footer as Widget/HTML
2. Widget/HTML inside of sidebar or footer:
Once you add the Zodiac framework menu to your website ( Widget/HTML ), you can hide it moving to your drag&drop clipboard (1)
Reload the page to see plus icon on the left side of your website (2). Clicking it, you will get the new admin menu
That's all. Now you can use the framework in your website. Please read carefully the important information before working with it.
What about Updates?
The url of links in Edit Head area are always updated with the latest version of framework. Please make sure the ones you're using on your website are the same like on my page above. You can
also download all files and host them on your own website.
How to change image in custom widgets
To change the image in slider, parallax or any custom widget, you need to upload your own image to Design > Custom Template > Files.
Once uploaded, click the image name which will be opened in a new tab and copy the url of the image from the browser address bar and paste it to Widget/HTML replacing the default
image of demo site.
Once copied your image url, paste it Widget/HTML replacing the default image of demo site:
<img src="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/altona-bg.jpg?t=1506590873" alt="" />
How to replace the Font Awesome Icons
Zodiac includes Font Awesome framework v.4.7. so all available icons are available here:
Below is an example of the widget with the diamond icon:
If you change fa-diamond for any other icon name, let's do it with fa-bus, we will get the widget like this:
Support is available only for Zodiac Pro.
If you have found a bug or error, please leave the comment below always indicating the name of the template you're using. Thank you.