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.

Styles

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.


Backgrounds

This Theme includes a unique background effect or animation for each style.


Specials

We’ve added a snazzy typo teaser and a Smoothscroll position to Luna theme.


Navigation

Luna theme comes with three different layouts for the main menu.


Block Appearance

To add flexibility, Luna theme provides settings for each widget position.


Widgetkit

In addition to the default Widgetkit plugins, Luna provides 4 custom widgets.

Custom Classes

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 widget 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.

This theme is available for JoomlaJoomla and WordpressWordPress including the same features on each system.

David Lopez

¿Deseas realizar una consulta?
Envíame tus impresiones y mantente informado