Template Manager

A rough preview of the frontend.

Home About Contact
Fullwidth Area (eg: Fullwidth Slideshow)
Content Area

This is the content area. The content area holds all your blog entries, pages, products etc

Sidebar

This area holds all your sidebar widgets

Use stretched or boxed layout?

The stretched layout expands from the left side of the viewport to the right.

Logo and Main Menu

You can place your logo and main menu at the top of your site or within a sidebar

Maximum website width

Enter the maximum website width for your site. Pixel and % are allowed eg: 1130px, 1310px, 100%

Sticky Sidebar menu

You can choose if you want a sticky sidebar that does not scroll with the content

Maximum Container width

Enter the maximum content width for your site. Pixel and % are allowed eg: 1130px, 1310px, 100%

Content | Sidebar Ratio

Here you can choose the width of your content and sidebar. First Number indicates the content width, second number indicates sidebar width.

Select a predefined color scheme

Choose a predefined color scheme here. You can edit the settings of the scheme below then.
{{ex.title}}
A rough preview of the frontend.
Style text Link Link Hover Background buttons Background buttons hover

Alternate Content Area

This is content of an alternate content area. Choose font color, headings and link colors below.
Link Link Hover Background buttons Background buttons hover

Main Content heading

This is default content with a default heading. Font color, headings and link colors can be choosen below.
Link Link Hover Background buttons Background buttons hover

Footer

This is text on the footer background

Link Link Hover

Socket text

Link Hover Link
Default Background color in main content Font color in main content Font color for links in main content Secondary color for link hover in main content Background color for button in main content Background color for button hover in main content
Default Background color in alternate content Font color in alternate content Font color for links in alternate content Secondary color for link hover in alternate content Background color for buttons in alternate content Background color for button hover in alternate content
Default Background color Font color in socket Font color for links Secondary color for link hover

These options are only available if you select a boxed layout. Your currently have a stretched layout selected

Background color for your site This is the color that is displayed behind your boxed content area

Here you can select a number of different elements and change their default styling

If a value is left empty or set to default then it will not be changed from the value defined in your CSS files

{{key|uppercase}} - Change the styling for your {{key}} Tag

Apply to Section:

A rough layout preview of the header area
Position header top 1 Position header top 2
Home   |   About   |   Contact

Content / Slideshows / etc

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium sem.

Menu and Logo Position

You can choose various different logo and main menu positions here

Header Size

Chose a predefined header size. You can also apply a custom height to the header

Header Custom Height

Chose a custom height in pixels (wont be reflected in the preview above, only on your actual page)

Sticky Header

Shrinking Header

Append search icon to main menu

Header position top 1

Chose if you want to display a position-header-top-1 and where to display it

Header position top 2

Chose if you want to display a position-header-top-2 in your header

These options are only available if you select a layout that has a main menu positioned at the top. You currently have your main menu placed in a sidebar

You can change that setting General Layout
Choose the archive sidebar position here. This setting will be applied to Featured Articles page Choose the archive sidebar position here. This setting will be applied to Articles page Choose the archive sidebar position here. This setting will be applied to Contact page Choose the archive sidebar position here. This setting will be applied to Blog page Choose the archive sidebar position here. This setting will be applied to Login page Choose the archive sidebar position here. This setting will be applied to Register page Choose the archive sidebar position here. This setting will be applied to Cart page Choose the archive sidebar position here. This setting will be applied to Virtuemart font page Choose the archive sidebar position here. This setting will be applied to Virtuemart Category page Choose the archive sidebar position here. This setting will be applied to Virtuemart product detail page

Import demo files

Export Theme Settings File

Click the button to generate and download a config file which contains the theme settings. You can use the config file to import the theme settings on another sever.

Import Theme Settings File

Upload a theme configuration file here. Note that the configuration file settings will overwrite your current configuration and you can't restore the current configuration afterwards.

{{reportText}}