Theme Features

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 JoomlaJoomla and WordpressWordPress including the same features on each system.

Six beautiful styles

Theme styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.


Theme Features

Avanti is featuring brand new and advanced Warp options.

Authentic Leaders Edge

Next Step

Ready to implement a model that elevates your leaders and has them taking ownership of who they are and the results they achieve? Interested in creating the environment that puts people first to increase engagement, build trust and improve how business gets done?

Let’s start a conversation. It will give you the opportunity to get your questions answered and understand if it is a good fit for you, your leaders or organization.

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

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

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.

  • slider-left
  • slider-right
  • slider-top
  • more
  • search
  • author
  • comment
  • tag
  • arrow-left
  • arrow-right
  • arrow-up
  • arrow-down
  • plus
  • minus
  • check
  • cross
  • menu

Featured Technologies