8. Theme Options

MotoHero comes with advanced settings panel that is loaded with options. Go to Appearance > Theme Options on admin sidebar to access the setting options. See below for screenshots and short descriptions of our Theme Options panel.

General

  • Show demo setting panel: Check this box to active the setting panel. This panel should be shown only in demo mode
  • Show page heading: Check this box to show or hide page heading
  • Show breadcrumbs: Check to display the breadcrumbs in general. Uncheck to hide them.
  • Retina support: Each time an image is uploaded, a higher quality version is created and stored with @2x added to the filename in the media upload folder. These @2x images will be loaded with high-resolution screens.
  • Google API: The Google Map API has been changed on June 22nd. The API key is required for the map. You have to get one for your own: The key type is “browser key”.

Layout

  • Show setting panel: Check this box to active the setting panel. This panel should be shown only in demo mode;
  • Show page heading: Check this box to show or hide page heading;
  • Breadcrumbs Enable: Check to display the breadcrumbs in general. Uncheck to hide them;
  • Sidebar Position: Select slide bar position. You can override this setting in page/post editing option;
  • Layout: Select boxed or wide layout;
  • Page Background options: (Only work in boxed mode)
    • Background Image For Outer Areas In Boxed Mode: Please choose an image or insert an image url to use for the background.;
    • Full Background Image: Check this box to have the background image display at 100% in width and height and scale according to the browser size.;
    • Background Repeat: Choose how the background image repeats;
    • Background Color: Select a background color.

Color presets

  • Primary Color: The color used in the most of links, buttons, and other elements;
  • Theme style: You can choose dark or light style
  • Background Colors:
    • Header Background Color: Select a color for the header background;
    • Header Top Background Color: Controls the background color of the top header section used in Header style 2;
    • Header Border Color: Select a color for the header border;
    • Content Background Color: Controls the background color of the main content area;
    • Footer Background Color: Select a color for the footer background;
    • Footer Border Color: Select a color for the footer border;
    • Footer Back-to-top Background: Select a color for the Back-to-top Background;
  • Font Colors:
    • Body Text Color: Controls the text color of body font;
    • Link Color Controls the color of all text links as well as the ‘>’ in certain areas;
    • Header Font Color: Controls the text color of the header font;
    • Header Link Color: Controls the text color of the header link font;
    • Page Title Font Color: Controls the text color of the page title font;
    • Breadcrumbs Text Color: Controls the text color of the breadcrumb font;
    • Breadcrumbs Link Color: Controls the link color of the breadcrumb font;
    • Blockquote Color: Controls the color of blockquote;
    • Footer Headings Color: Controls the text color of the footer heading font;
    • Footer Font Color: Controls the text color of the footer font;
    • Footer Link Color: Controls the text color of the footer link font;
    • Button Text Color: Controls the text color of buttons;

Header Options

  • Header Content Options:
    • Select a Header Layout: Ability to select header type which you prefer. There are 4 different styles for header
    • Show quick access: Check to show quick access icon;
    • Background Image For Header Area: Please choose an image or insert an image url to use for the header background;
    • 100% Background Image: Check this box to have the header background image display at 100% in width and height and scale according to the browser size;
    • Background Repeat: Choose how the background image repeats;
    • Contact Info: Text will display in the Contact Info section of your top header v2;
  • Logo Options: There two logo using in different page: default and store
    • Logo: Choose an image file for your logo;
    • Store Logo: Choose an image file for your logo in Store page;
  • Page Title Bar Options:
    • Page Title Bar Height: Height of Page Title Area In pixels;
    • Page Title Bar Background: Choose an image or insert an image url to use for the page title bar background;
    • Full Background Image: Check this box to have the page title bar background image display at 100% in width and height and scale according to the browser size;
    • Background Repeat: Choose how the background image repeats;

Footer Options

  • Footer style: Select the layout for footer area;
  • Footer Widgets: Check the box to display footer widgets;
  • Background Image For Footer Area: Choose an image or insert an image url to use for the footer widget area background;
  • Full Background Image: Check this box to have the footer background image display at 100% in width and height and scale according to the browser size;
  • Background Repeat: Choose how the background image repeats;
  • Back to top button: Select the checkbox to display Back to top button;

Shop Options

  • Show Woocommerce Cart Icon in Top Navigation: Check the box to show the Cart icon & Cart widget, uncheck to disable;
  • Show Quick View Button: Check the box to show the quick view button on product image;
  • Quick View Effect: Select effect of the quick view box;
  • Product Listing Layout: elect the layout for product listing page;

Blog

  • Blog Listing:
    • Post Category Title: Check the box to display the post category title in each post;
  • Blog Single Post:
    • Featured Image on Single Post Page: Check the box to display featured images on single post pages;
    • Post Title: Check the box to display the post title that goes below the featured images;
    • Post Category Title: Check the box to display the post category title that goes below the featured images;
    • Tag Cloud: Check the box to display the tag cloud box;
    • Author Info Box: Check the box to display the author info box below posts;
    • Related Posts: Check the box to display related posts;
    • Social Sharing Box: Check the box to display the social sharing box;

Social Media

  • Social Sharing:
    • Facebook: Show the facebook sharing icon in blog, woocommerce and portfolio detail page;
    • Twitter: Show the twitter sharing icon in blog, woocommerce and portfolio detail page;
    • Linkedin: Show the linkedin sharing icon in blog, woocommerce and portfolio detail page;
    • Google Plus: Show the g+ sharing icon in blog, woocommerce and portfolio detail page;
    • Tumblr: Show the tumblr sharing icon in blog, woocommerce and portfolio detail page;
    • Pinterest: Show the pinterest sharing icon in blog, woocommerce and portfolio detail page;

Import demo

  • Import Demo Content: Use this button if you need to install demo content;

Backup Options

  • Use this function for creating backup of the settings and possibility to come back to them, if the future changes be unsuccessful.