This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme's styling. The theme also comes with a wide range of different layouts and widget variations.
This theme is available for Joomla and WordPress including the same features on each system.
Theme
Theme Features
Avanti is featuring brand new and advanced Warp options.
Custom widgets
Theme Widgets
Avanti comes with some exclusive widgets which slightly differ from regular Widgetkit widgets. We have added some custom markup and new features.
CSS modifiers and additions
Theme Additions
Avanti has some helper classes and modifiers to slightly upgrade and control the content display. You can use them to to modify your content. Just remove them, if you prefer the regular UIKit rendering.
Widgetkit Gallery modifier
To give the gallery a chessboard like pattern we have added the .tm-gallery-avanti class. Just add the the class to the general HTML class field in your gallery widget. This class will work best for a 3 item per column setting.
This class also adds a special gradient overlay style to the gallery items. If you want to modify these gradients and backgrounds, please take a look at the theme variables in the Customizer.
Widgetkit Grid modifier
We also added the .tm-margin-condensed class. It reduces the spacing between a widget title and the following content. Just add the class to a grid widget, for example in the HTML class field of the general tab in the widget administration.
Theme Icons
We have added a custom webfont which contains some usefull icons which we also used in our Avanti UIkit theme.
How to use
The theme icons are similiar to UIkit icon component. To apply this component, add any .uk-theme-icon-* class to an <i> or <span> element. Et voilĂ , you have a vector icon, which inherits size and color just like your text does.