Access the Layout Theme Options via Appearance > Theme Options > Layout
Site Layout sets the layout of the site to Wide ( stretches across the browser ) or Boxed ( confined to the Max Site Width setting )
Max Site Width
Set the Maximum Width of your site on Desktops. This will confine the site content within this width value. The default value is 1200px.
Set a Margin for main site area on Desktops.
Element Border Radius
Element Border Radius controls the edges of various elements throughout the site. Here are some examples of this setting in use:
- 0px, this sets the elements to have straight edges
- 10px, this sets elements to have a 10px curved edge
- 100px, this sets elements that can allow 100px and those elements that can’t, default to the maximum border radius of 15px.
Set the main Body width ( does not include the Header or Footer ). Choose between Site Width which is the width set within the Maximum Site Width option or Browser Width which is the full width of the browser.
Default Page Layout
This option sets the default Page Layout for each page created. You can override this setting within the Options of each Post or Page.
Maximum Page Width
The the Default Page Layout is set to full width ( Layout One ), you can set the maximum content width.
When the Default Page Layout is set to an option with a Sidebar, you can use this option to make the Sidebar Sticky. i.e. The Sidebar follows as the user scrolls down the page.
Number of Widget Areas
If you wish to create more Sidebars or Widget Areas, enter the number you wish to create here.
This Breadcrumbs option is a global option that controls the display of Breadcrumbs acrsoss the site. You can override this setting within the Options of each Post or Page.
Widget Title HTML Tag
This option allows you to set the HTML Tag for Widgets. This is useful for SEO purposes.
Use this option to change the text that appears within the Search Field.
Use this option in conjunction with a Page / Post layout with a single Sidebar to set the Sidebar Width. Enter any valid CSS unit, e.g. 25%
Dual Sidebar Width
Use this option in conjunction with a Page / Post layout with a Dual Sidebar to set the Sidebar Widths. Enter any valid CSS unit, e.g. 25%
Use this option to add padding to the Page content area. This is useful to create extra space between the Page content and the Header, Footer & Sidebar areas.
Use this option to add padding to the Sidebar area.
Access the Header Theme Options via Appearance > Theme Options > Header.
To Customize the Header Color, Header Fonts and Background Image, goto Appearance > Skin Editor > Header.
Choose to display the Header on the Left or the default Top position.
Choose to display the Header in different Styles.
- Inline: The default is Inline, the logo and menu are displayed horizontally inline. Control the alignment of both Logo and Menu Vertically and Horizontally.
- Stacked: This option displays the Logo stacked on top of the Menu. Control the alignment of both Logo and Menu.
- Logo in Middle of Menu: This option allows for the Logo to appear in the center of the menu.
Set the Header width to the Site Width, defined by the the Maximum Site Width value ( Theme Options > Layout ) or the width of the Browser using the Browser Width option.
Set the Padding of the Header area.
Set the height of the Header area. Use any valid CSS unit, e.g. 400px or 30vh.
The Sticky Header option will allow the Header to follow the user as they scroll down the page.
Sticky Header Mode
Display to allow both the Logo and Menu to appear in the Sticky Menu or just the Menu.
Menu Item Margin
Set the Margin values for the Menu Items when the Sticky Header is activated.
Menu Item Padding
Set the Padding values for the Menu Items when the Sticky Header is activated.
Sticky Menu Font Size
Set the Font Size of the Menu Items when the Sticky Header is activated.
Set the Margin values for the Logo when the Sticky Header is activated.
Sticky Logo Height
Set the Height of the Logo when the Sticky Header is activated. It’s recommended to set the Logo Height smaller than the normal size to maximise real estate on the page when scrolling down the page.