Quick navigation

Introduction

Clean theme brings the future to your site. With very nice colors, fancy animations, and spectacular working method this is the theme, if your site is a modern one.

Clean Theme

Parameters

Title font

Here you can define the module's title. You can learn more about the font manager in the related article.

Gradient height for older browsers

As you can read in the title, this parameter is only related to the old browser, like IE8. The default value is 400px, what means that an image will be generate with the selected gradient, and this image will shown as the menu-background in IE8.

Margin

Margin for the menu container.

Border radius

You can set the menu container rounded corners here.

Padding

You can set padding around the menu.

Open submenus right to left

This parameter is in connection with the Page direction setting, but can be use individually from that. The default method is to show the sub-levels on the right, but you can also extend the menu to the left hand side.

Animation effect

You got the chance to set modern, graphic-accelerated animations for showing and hiding the submenus.

  • Type: Here you can select the animation type.
  • Duration: You can set how long the selected animation takes.
  • Delay: You can also set a delay for the start of the animation

Submenu opacity

The sub-levels can be transparent. Here you can set its value.

Horizontal distance between submenus

As the title said, here you can define the distance, between the submenus.

Level settings

In the Vertical Dropmenu you can create menus in unlimited deep. But this is not all, you can also define different settings for each level. The only have to do just add levels with the plus button. If you have more levels than you defined in the theme manager the sub-levels what don't have definition will inherit the parent's properties. So these settings related to one item, of the current level.

Background gradient

The Clean Theme most important property is the all-colored menu. Here you can set a gradient for the current level.

Background color

You can set individual background colors for the items. Different colors can be set for Hover, Active and Opened state.

Border-color

Set the border color around the menu item.

Opened menu item gradient

Menu item background when it is opened.

Closed state

A combined parameter again, where you can define an image for the closed state, and also can be colorized it.

Opened state

With the same functionality as above, an image for the opened state.

Text font

Set the menu-item text properties with the font manager.