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.
6 different theme styles for a good start.
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.
This Theme includes a unique background effect or animation for each style.
We've added a snazzy typo teaser and a Smoothscroll position to Luna theme.
Luna theme comes with three different layouts for the main menu.
To add flexibility, Luna theme provides settings for each module position.
In addition to the default Widgetkit plugins, Luna provides 4 custom widgets.
Luna includes a number of custom classes that extend the functionality of UIkit and Warp or help customize the styling of certain Widgetkit plugins. This table gives you an overview of the purpose of each of these classes.
| Class | Description |
|---|---|
.tm-block-gradient |
Type this class into the Class field of the Block Appearance section in the Warp administration, to add a background gradient to a module position. You can see this in the Ocean and Blue styles. In other styles you might need to set the gradient colors through the Customizer first. |
.tm-teaser-container.tm-heading-teaser |
Use these classes to create the typographic teaser we are using on the frontpage. For a code example, see Specials. |
.tm-heading-line |
Add this class to a heading element to display a short underline with some spacing. |
.tm-text-lead |
Add this class to a text element to apply a special styling, for example heading font family, uppercase and different font-size, depending on the style. |
.tm-grid-button |
Add this class to the HTML field of the General tab in the Settings section of a regular Grid widget. Each item will then display a spinning arrow button on hover. |
.tm-grid-shadow |
Add this class to the HTML field of the General tab in the Settings section of a regular Grid widget to apply a box shadow to images inside that grid. |
.tm-subnav-bullet |
Add this class to a Subnav, so it will display a bullet icon as a separator between nav items. |
.tm-margin-large.tm-margin-large-top.tm-margin-large-bottom
|
Add one of these classes to block elements to apply 60px top and/or bottom margin. |
.tm-margin-xlarge.tm-margin-xlarge-top.tm-margin-xlarge-top
|
Add one of these classes to block elements to apply 120px top and/or bottom margin. |
.tm-padding-large |
Add this class to block elements to apply 60px padding. |
Our themes are using modern technologies.
Joomla and 
WordPress including the same features on each system.