Theme Settings

Want to start personalising your copy of the Restaurant theme? Then head to the Theme Settings panel, this is where you adjust the general settings for the theme and make adjustments to the site colours, fonts, layouts etc. The Theme Settings panel is located under “Appearance -> Theme Settings” from the WordPress admin area.

In the Theme Settings panel you’ll find several tabs, each loaded with various options. Below we’ll go through each tab and discuss each option and what they do.

General

In the general tab you will find options for the site logo, favicon and Google Analytics.

  • Website Logo: Keep in mind that this theme is responsive, which means it will scale down as the browser window becomes smaller.
  • Maximum Logo Width: Set the maximum width for you logo in px.
  • Favicon: This is pretty straightforward. Select any favicon you want for your website.
  • Top Header: Enter your business details in the relevant fields for phone, email and location.
  • Display Breadcrumb: Use the checkbox to choose whether your site displays the breadcrumb under the navigation menu.
  • Google analytics: Your Google Analytics code, used to track site traffic and provide statistics for your website, can be inserted in this tab. Please note: that you won’t need to enter the whole javascript code, only your analytics number (hence the smaller field). Once you’ve inserted your analytics number and saved, the tracking with Google will start straight away.
  • Sidebar position: Choose to set the sidebar on your site to the left, right or have it hidden.
  • Custom Siderbars: Your custom sidebars. Separate the sidebar names with a comma. For example: home, contact, services
  • Footer Text: The text located in the bottom of the footer, mainly used for copyright text.

Design

This tab contains several design settings, such as colors and fonts.

  • Header type: Choose between logo left, center or positioned within the menubar.
  • Site background colour: Use the colour picker to select the background color used for the site
  • Content background color: Use the color picker to select the content background color.
  • Header title colour:  Use the color picker to select a background color for the header title area.
  • Header text colour:  Use the color picker to select a background color for the text within the title area.
  • Menu background color: Use the color picker to select a background color for the navigation menu.
  • Menu text color: Use the color picker to select a text color for the navigation menu.
  • Theme text color: Use the color picker to select a text color for the main content.
  • Primary theme color: Use the color picker to select a background color for site elements such as buttons, links and lines etc.
  • Primary theme text color: Use the color picker to select a text color used for text in buttons.
  • Footer background colour: Use the color picker to select a color used for the footer area at the bottom of your page.
  • Footer text colour: Use the color picker to select a color used for the text inside your sites footer.
  • Title font Source: Copy & paste the source link from the Google Font directory: http://www.google.com/fonts. Copy the source link in this field. For the Montserrat font this would be “https://fonts.googleapis.com/css?family=Montserrat:400,700″.
  • Title font family: Enter the family declaration for the title font. You can copy & paste this from the google page. For the “Montserrat” font this would be: font-family: “Montserrat”, sans-serif;
  • Body source font: Enter he body font used in the theme. Copy & paste the source link from the Google Font directory: http://www.google.com/fonts. Copy the source link in this field. For the “Muli” font this would be “https://fonts.googleapis.com/css?family=Muli:400,400i,600,600i,700,700i,800,800i,900,900i”.
  • Body font family: Enter the family declaration for the body font. You can copy & paste this from the google page. For the “Muli” font this would be: font-family: “Muli”, serif;

Error Page

This tab has several settings for the slider and content blocks on the frontpage.

  • Error Page Title:Insert a title that will appear when users are directed to a page that doesn’t exist.
  • Error Page Content:Insert a custom message that will appear when users are directed to a page that doesn’t exist.

Custom css

This tab allows you to enter your own custom css to override the styles from within the theme or from third party plugins.