Theme styling

Front-end of Zero One is based on UIkit, by our opinion the best css/js framework that exist.

From version 2.0.0 Zero One theme has in-built Theme styler. And it is not just simple styler, it is actually stylesheet compiler, which means, it compiles all Less/CSS into one minified CSS file. Which adds greatly to website speed.

Turn styling ON/OFF

It is important to understand this option.

When you save your style options and refresh any front-end website page in that moment styles compiling happened. And it will take up to 5-10 seconds. If something is wrong with your input, error will arise, so then just check have you added in input something strange.

But remember one thing, when you finish styling and you are happy how it looks, and styles are compiled, turn it off. Why to turn it off? Because it will compile every time you refresh any page, and slow your website.

Colors

It can't get easier than this. 😎 Choose your colors and completely change the look.

Only HEX colors allowed at the moment.

Buttons

Button style and button border have two options each, and combinig those options you can create 4 different set of buttons.

Typography

We don't want to narrow your options. Use any font provider you like. Use Google, Adobe, FontSpace or any other fonts. You can use that URL option for even your selfhosted fonts.

Just make sure when adding Font Family names you follow the rules, just as we noted.

Check out small video preview on how to add new Google Fonts https://www.one.thezero.club/guide/tricks/adding-google-fonts

Custom code

On the bottom there are also input fields for adding custom code, such as Analytics, Tag manager code, custom JS code, and even URLs, or whatever.

Advanced

You should also check out advanced Less/CSS setup. Even if you are not going to do it, it is worth checking to understand how everything works. Especially because you can customize Zero One farther.