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.
Access the Blog Theme Options via Appearance > Theme Options > Blog.
Blog Content Display
Use this option to choose what content to display an excerpt, full post for title only for the Blog pages. This does not affect the Single post pages.
Default Page Layout
Set the default Layout of the Blog pages i.e. Index, Archive, Categories. Single Posts will inherit this setting if no Post Layout option is set in Single Posts.
Maximum Blog Width
If you have selected a Page Layout without a Sidebar, you can set the maximum width of the Page Content. This is ideal to create a slim, easy to read Blog Pages.
If you have chosen a Page Layout to contain one sidebar, you can enable this option to pin the Sidebar to the edge of the page.
Column 1 Sidebar
If you have chosen a Page Layout to contain a sidebar, you can choose which side to use on Column 1 here. See Appearance > Theme Options > Layout > Widget Areas to create more than the default 2 sidebar widget areas.
Column 2 Sidebar
If you have chosen a Post Layout to contain a sidebar, you can choose which side to use on Column 2 here. See Appearance > Theme Options > Layout > Widget Areas to create more than the default 2 sidebar widget areas.
Select the display Format of the posts on Blog pages.
- Normal will display posts stack on top of each other
- Grid will display the posts a grid layout
- Masonry Grid will display the posts as a grid layout and optimal position based on available vertical space, like a mason fitting stones in a wall
Set the number of Columns to display the posts in. Layout Format has to be set to Grid or Masonry Grid.
Boxed Post Style
This option allows you to display posts with a Boxed / Non-Boxed style.
Display Search Bar
Add a Search Bar to the Blog pages. Choose from the following options:
- Search Bar – A traditional search bar which will display the results on a search page
- Search Filter – Search the posts on that current blog page and it will filter the posts based on the keyword entered
- Search Filter + Highlight – This option uses the Search Filter as above, with the added feature of Highlighting the keyword entered within the post
Choose the Blog pagination style using the following options:
- Ajax Click Load – This option dynamically loads the posts onto the Blog page and displays a Load More button when more posts are available to load
- Ajax Scroll Load – This option is the same as above but instead of a Load More button, it will display more posts when you scroll to the bottom of the page
- Page Numbers – This option uses the traditional method of displaying page numbers
The number of posts displayed per page or per ajax load is set via WordPress Admin > Settings > Reading > Blog pages show at most
Choose where to display the Featured Image of a Post. This option can be overridden via the Post > PostLayout > Display Featured Image
Post Title HTML Tag
Use this option to control the HTML tag for Posts on Blog Pages. Use for SEO purposes if required.
Display Related Posts
Choose to display the Related Posts at the bottom of each Single Post or disable Related Posts.
Blog Page Images
Choose what position to align Blog Page Images. If this setting is set to Left or Right, it’s recommended to set the Blog Image Size option to Medium or Thumbnail.
Choose from the following effects to apply to Blog Page Images
- Black & White
- Black & White Frame
Enter the Blog Image size. Choose from the following sizes: thumbnail, medium, large, full or set a custom size e.g. 980×400
Access the Metadata Theme Options via Appearance > Theme Options > Blog > Metadata.
Choose the Metadata alignment, default is left. Use the Center option in combination with Theme Options > Title Area > Center Align.
Control the display of the Comments Icon, Date Icon and Author Avatar within the Metadata.
Archive Date Format
Choose the Date Format for Archive Pages – See the WordPress formatting guide here.
Single Date Format
Choose the Date Format for Single Posts – See the WordPress formatting guide here.
Choose where to position the Date on Archive & Single Posts.
Choose where to display the Post Date or choose to disable Post Date.
Choose where to display the Post Author or choose to disable Author.
Choose where to display the Post Categories or choose to disable Post Categories.
Choose where to display the Post Tags or choose to disable Post Tags.
Choose where to display the Post Comments or choose to disable Comments.
Access the Single Posts Theme Options via Appearance > Theme Options > Blog > Single Posts.
Singe Post Title Position
Set the Single Post Title position to be within the Header or within the Page Content.
Default Post Layout
Set the default Layout of Single Posts. This option inherits on the Blog Page Layout by default. This option can be overridden by the corresponding Post option via Posts > Post Layout.
Maximum Post Width
If you have selected a Post Layout that does not contain a Sidebar, you can control the maximum Post Content Width by entering a valid CSS unit. e.g. 700px.
This option is useful for creating easy to read, slim content.
Choose to enable or disable the Lightbox option on Single Post Images. When the image is clicked on, the image will appear within a Lightbox.
Choose from the following effects to apply to Single Post Images
- Black & White
- Black & White Frame
Enter the Singe Post Image size. Choose from the following sizes: thumbnail, medium, large, full or set a custom size e.g. 980×400