Introduction

Elegant Theme is mean to be the professionalism with spectacular design. It can be suitable for company websites or webshops, too. With gradient color pickers you can make really elegant designs.

Parameters

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.

Title font

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

Title gradient color

Set the background for the module title. Just select the start color with the left color picker, and the end color with the right one. The color transition will be scaled automatically.

Margin

Margin for the menu container.

Menu border radius

You can set the menu container rounded corners here.

Menu item border radius

Set the rounded corners for each items.

Padding

You can set padding around the menu.

Submenu shadow

This is a box-shadow CSS property for the sub-levels.

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.

Padding

You can set padding around the menu-item.

Background color

Simple background color for the item. Only for older browsers.

Menu item gradient color

As you've propably seen, there is individual background for each menu item. With this parameter you can set the default gradient background color.

Hover menu item gradient

Menu item background in hover state.

Active menu item gradient

Menu item background in active state.

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.