Theme Options Overview

Learn how to configure the Theme using the Theme Options admin panel.

Accessing Theme Options

This Theme allows for extensive customizing. You can configure the Theme via the main Theme Options panel within the  WordPress Admin > Appearance > Theme Options area.

Most Theme Options have a correlating Page or Post option, which can be accessed via each individual Page or Post.

This means you can set a global setting via Appearance > Theme Options and if you wish to customize a particular Page / Post differently, you can override the global options via the correlating Page / Post options.

Customize Skins

To Customize the Colors, Typography, Background Images of the Theme, you can use the Skin Editor. Use this admin area to Customize existing Skins or Create New Skins. Access the Skin Editor via WordPress Admin > Appearance > Skin Editor .

If you wish to set a “Custom Skin” for an individual Post or Page, you can set your “Custom Skin” via the Page or Post options.

Layout

Access the Layout Theme Options via Appearance > Theme Options > Layout

Site 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.

Site Margin

Set a Margin for main site area on Desktops.

Element Border Radius

media_1455954795996.png

Element Border Radius controls the edges of various elements throughout the site. Here are some examples of this setting in use:

  1. 0px, this sets the elements to have straight edges
  2. 10px, this sets elements to have a 10px curved edge
  3. 100px, this sets elements that can allow 100px and those elements that can’t, default to the maximum border radius of 15px.

Body Width

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.

Sticky Sidebar

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.

Breadcrumbs

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.

Search Placeholder

Use this option to change the text that appears within the Search Field.

Advanced Layout

Sidebar Width

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%

Content Padding

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.

Sidebar Padding

Use this option to add padding to the Sidebar area.

Dock Bar

Access the Dock Bar Theme Options via Appearance > Theme Options > Dock Bar

What is the Dock Bar?

The Dock Bar can contain a number of Custom Widgets within or above the Header area of the site. It can also contain Social Media Icons set via the Social Media Theme Options.

Dock Bar Position

This option controls the position of the Dock Bar. Set the Dock Bar to appear within the Header ( next to the menu ) or above the Header area.

Dock Bar Padding

Set the Dock Bar padding on Desktops.

Flyout Window Style

This option sets the style of the Flyout Window for Dock Widgets that are set to Flyout Window Format.

Search Widget

The Search Widget is a default Widget that can be enabled to display the Search Bar within the Dock Bar ( Inline ) or an icon that when clicked, displays the Search Bar ( Flyout Window ).

Custom Icons

The Theme allows you to add your own Custom Dock Icons or Widgets.

To add a Custom Dock Icon follow these steps:

  1. Choose an Icon
  2. Select which Widget Area to use ( Set via the WordPress Admin > Appearance > Widgets ).
  3. Choose to display Inline ( Directly Show the Widget within the Dock Bar ) or Flyout Window ( Show the Widget when the Icon is clicked ).

Logo

Access the Logo Theme Options via Appearance > Theme Options > Header

Display Logo

Choose to display the Logo within the Header area.

Logo Upload

Upload your standard size logo here.

Retina Upload

Upload your retina size logo here. This logo should be twice the size of the standard logo above.

Logo Margin

Set the Logo Margin values on Desktop here. If you require alternative values for the Logo when in Sticky Header mode, you can set those values within the Theme Options > Header > Sticky Header > Logo.

Display Tagline

Control the display of the Site Tagline. When enabled, the Tagline text will display beneath the Logo. The Site Tagline is set via WordPress Admin > Settings > General.

Mobile Logo

Use this area to define an alternative logo for Mobile.

Mobile Logo

Upload your standard size Mobile Logo here.

Retina Mobile Logo

Upload your retina size Mobile Logo here. This logo should be twice the size of the standard logo above.

Header Height

Set the height of the Header area. Use any valid CSS unit, e.g. 400px or 30vh.

Mobile Logo Position

Note: This option only appears if a Mobile Logo is set. Choose to display the Mobile Logo within the Header or Inline with the Dock Bar Icons.

 

Menu

Access the Menu Theme Options via Appearance > Theme Options > Menu. 

If you wish to customize the Menu Colors and Menu Font, goto Appearance > Skin Editor > Menu. 

Setup the Main Menu via Appearance > Menus.

Menu Position

Set the position of the Menu. If this option is set to Inline, it will appear like a standard menu, listing the menu items, with drop down menus for child menu items.

If this option is set to Dock Bar Widget it will appear within the Dock Bar as a Menu Icon and the menu items will display when the Menu Icon is clicked.

Menu Margin

Set the Menu Margin values to control the position of the Menu.

Menu Items

Use these settings to control the Menu Items within the main Menu.

Menu Item Margin

Set the Margin values for the Menu Items. This will allow you to increase or decrease the spacing between the menu item.

Menu Item Padding

Set the Padding values for the Menu Items. This option is useful if you have a Menu Item border or background set via Appearance > Skin Editor > Menu.

Title Area

Access the Title Area Theme Options via Appearance > Theme Options > Title Bar. 

If you wish to customize the Title Colors and Title Font & Title Area Background, goto Appearance > Skin Editor > Title Area. 

Title & Breadcrumbs Alignment

Set the alignment of the Title & Breadcrumbs. Choose to have the Title Left, Breadcrumbs Right, Title & Breadcrumbs Center or Breadcrumbs Left, Title Right.

Title Area Padding

Set the padding of the Title Area. This option is useful to create space between the Header and the Main Content areas.

Blog

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.

Pin Sidebar

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.

Display Format

Select the display Format of the posts on Blog pages.

  1. Normal will display posts stack on top of each other
  2. Grid will display the posts a grid layout
  3. 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

Grid Columns

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:

  1. Disabled
  2. Search Bar – A traditional search bar which will display the results on a search page
  3. Search Filter – Search the posts on that current blog page and it will filter the posts based on the keyword entered
  4. Search Filter + Highlight – This option uses the Search Filter as above, with the added feature of Highlighting the keyword entered within the post

Pagination

Choose the Blog pagination style using the following options:

  1. 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
  2. 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
  3. 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

Featured Image

Choose where to display the Featured Image of a Post. This option can be overridden via the Post > PostLayoutDisplay 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

Image Align

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.

Image Effect

Choose from the following effects to apply to Blog Page Images

  • None
  • Frame
  • Black & White
  • Black & White Frame

Image Size

Enter the Blog Image size. Choose from the following sizes: thumbnail, medium, large, full or set a custom size e.g. 980×400

Metadata

Access the Metadata Theme Options via Appearance > Theme Options > Blog > Metadata.

Alignment

Choose the Metadata alignment,  default is left. Use the Center option in combination with Theme Options > Title Area > Center Align. 

Display Icons

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.

Date Position

Choose where to position the Date on Archive & Single Posts.

Display Date

Choose where to display the Post Date or choose to disable Post Date.

Display Author

Choose where to display the Post Author or choose to disable Author.

Display Categories

Choose where to display the Post Categories or choose to disable Post Categories.

Display Tags

Choose where to display the Post Tags or choose to disable Post Tags.

Display Comments

Choose where to display the Post Comments or choose to disable Comments.

Single Posts

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.

Featured Image

Image Lightbox

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.

Image Effect

Choose from the following effects to apply to Single Post Images

  • None
  • Frame
  • Black & White
  • Black & White Frame

Image Size

Enter the Singe Post Image size. Choose from the following sizes: thumbnail, medium, large, full or set a custom size e.g. 980×400

Portfolio

Note: The Portfolio Plugin must be installed before these options are available. Install the Portfolio Plugin via Appearance > Install Plugins.

Access the Portfolio Theme Options via Appearance > Theme Options > Portfolio.

Default Portfolio Page Layout

Set the default Layout of the Portfolio pages i.e. Index, Archive, Categories.

Column 1 Sidebar

If you have chosen a Portfolio 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 Portfolio Page 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.

Display Format

Select the display Format of the posts on Portfolio pages.

  1. Normal will display posts stack on top of each other
  2. Grid will display the posts a grid layout
  3. 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

Grid Columns

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.

  1. Disabled Boxed Style
  2. Enabled Boxed Style

The Boxed Style is set via the Appearance > Customize > Customize Skins > Body > Element Areas

Parent Portfolio Page

Select a page which acts as the Portfolio home page. By default Portfolio index page will display.

Display Portfolio Page Link

Display a Portfolio home page link at the bottom of each Portfolio Post. This will link back to the parent Portfolio Page.

Display Search Bar

Add a Search Bar to the Blog pages. Choose from the following options:

  1. Disabled
  2. Search Bar – A traditional search bar which will display the results on a search page
  3. Search Filter – Search the posts on that current blog page and it will filter the posts based on the keyword entered
  4. Search Filter + Highlight – This option uses the Search Filter as above, with the added feature of Highlighting the keyword entered within the post

Pagination

Choose the Blog pagination style using the following options:

  1. 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
  2. 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
  3. 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

Featured Image

Choose where to display the Featured Image of a Post. This option can be overwritten via the Post > Post Layout > Featured Image Display

Portfolio Archive Pages

Image Alignment

Choose what position to align Portfolio Page Images.

Image Size

Enter the Portfolio Page Image size. Choose from the following sizes: thumbnail, medium, large, full or set a custom size e.g. 980×400

Single Portfolio Images

Image Lightbox

Choose to enable or disable the lightbox script on Single Post Images.

Image Size

Enter the Singe Portfolio Post Image size. Choose from the following sizes: thumbnail, medium, large, full or set a custom size e.g. 980×400

Footer

Access the Footer Theme Options via Appearance > Theme Options > Footer. 

To Customize the Footer Color, Footer Fonts and Footer Background, goto Appearance > Skin Editor > Footer. 

Footer Display

Choose to Display or Disable the Footer.

Footer Width

Set the Footer 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.

Footer Padding

Set the Padding of the Footer area. This option is useful to create more space between the Main Content and the Lower Footer area.

Footer Columns

Choose the number of columns to split the footer into. Add widgets to the Footer via Appearance > Widgets > Footer Column(s)

Display Lower Footer

Choose to Display or Disable the Lower Footer.

Lower Footer Left Column

By default this column will display – © Year Site Title

Lower Footer Right Column

By default this field displays Powered by Acoda Theme. To remove this text – simply add your own text or a blank character like: