General Settings – WordPress Customizer
On General settings panel you will find the following options:
[logo] <attachment ID>
Here you should select main website logo. It is displayed on pages next to the menu, on preloader screen and on sticky header.
[alt_logo] <attachment ID>
Here you should select website alternative logo.
This is usually light version of logo (which is supposed to be used on dark backgrounds). The logic is this:
If you do not have Alternative logo defined, main logo will be used in all cases
If you have Alternative logo defined, it will be used on top of the page when Content Below Menu and Sticky Header options are activated. This set up will also change the color of menu and widgets to light.
Primary Accent Color
[accent_color] <#hexadecimal color code>
Accent color is used as a color for links, icons, etc. If you define it, the accent color will influence the general color scheme of the site.
Secondary Accent Color
[alternate_color] <#hexadecimal color code>
Another color which influences general color scheme of the site is alternate color. Alternate color can be assigned as a color for buttons, icons, etc. If you define it, all elements with assigned alternate color will be affected.
[page_background] <attachment ID>
Page background image is a static image which serves as a site background if defined.
This option enables you to display navigation breadcrumbs at the top of the screen. In most user scenarios this option should be set to true (checked).
Use Dark Skin
This is another option which influences general color scheme of the site. Organic Food features two general skin styles – light and dark. The light skin has white colored background and dark colored main font and other ui elements. On the other hand, dark skin has dark colored background and light colored fonts.
This option enables you to define if the sidebar will be visible globally or not.
By customizing this option, user can globally enable (place it on the right or left side) or disable sidebar. Sidebar content can be edited under Appearance > Widgets (from main WordPress menu).
You can choose one of three predefined sidebar layouts:
- No Sidebar – No sidebar is displayed
- Left – Sidebar is displayed on the left side of main content
- Right – Sidebar is displayed on the right side of main content.
This option enables you to define if the page width will be full width (default) or boxed. Refer to the example with boxed page width.
Use Dash in Widgets
This option enables you to define if separator will be used below the widget titles or not. By changing this option, users can globally enable or disable the separator in widgets. Please check this option if you want to use separator in widgets.
This option enables you to define if the preloading animation will be displayed globally throughout the site or not. By changing this option, users can globally enable or disable the preloader animation.
[preloader_text] <any text>
This option enables you to define the text on preloading screen. The preloader needs to be enabled in order to see the effect of this option.
Fullscreen Animations Autoplay Interval (ms)
[autoplay_interval] <any text>
Organic Food theme features full screen slide layout with numerous transition options (more than 100 of in and out animations). This option enables you to define the length of full screen transitions in milliseconds.
[custom_css] <custom CSS code>
This option enables you to define global Custom CSS code which will be embedded in the <head> element of all pages throughout the site.
This is the place where you can define your own custom css which will be included on all pages of the site.
Custom JS (Top)
[custom_js_top] <custom JS code>
This option enables you to define global Custom JS code. Enter any JS code you want here and it will be embedded in the <head> element of all pages throughout the site.
Custom JS (Bottom)
[custom_js_bottom] <custom JS code>
This option enables you to define global Custom JS code. Enter any JS code you want here and it will be embedded at the bottom of the pages before the <body> element is closed.
Reset Theme Settings
This is not really a setting, so no override. Reset button will just reset all global settings to default values.