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.
Avanti comes with some exclusive widgets which slightly differ from regular Widgetkit widgets. We have added some custom markup and new features.
Avanti comes with a modified Slideshow widget which works perfectly inside the theme’s header layout position.
With the Widgetkit 2.5 release we have added the Slideshow Panel. Avanti uses a slightly modified version perfectly fitting for any portfolio, case study or product presentation.
For Avanti we have added a modified grid widget to customize our output, especially the one we can not control at all, like WordPress/Joomla system content. We have added a truncate option for the title and the content which makes it easier to control the data output and height.
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.
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.
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.
We have added a custom webfont which contains some usefull icons which we also used in our Avanti UIkit theme.
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.
A lightweight and modular front-end framework for developing fast and powerful web interfaces.