Global Site Layout and Settings

This Panel has the options related to the entire site’s Layout and Settings. Each of the Option is explained below with relevant screenshots and explanations.

1. Header Layout –

There are two broad classification of the Header Layout, namely – TOP and LEFT

  1. Top Header
  2. Left Header

Other settings specific to the Header should be configured under the Top Header Settings and Left Header Settings Panel respectively.

2. Site Layout –

There are four kinds of Site Layout – Wide , Boxed , Border and Header Top Border Layout. Click below to preview each of them

  1. Wide
  2. Boxed
  3. Border
  4. Border with Top Header
Border Layout Settings :

This option is relevant if you choose either Border Layout or Header Top Border Layout in the above Option.

3. Border BG –

The Background Color for the Border around the Site can be Set here.

4. Border Width –

The Width of the Border can be set here. The default value will be 30px.

Ajax Loading Options :
5. Enable Ajax Transitions –

This option can be used to Enable/Disable Ajax Transisions. Ajax Transisions is an enhancement option. Disabling this will not affect the Site’s functionality in any manner. Note that, some of the 3rd party plugins might not be compatible with Ajax Transitions. You will be able to identify this – if the Page in which the Plugin is used, does not load initially, and will subsequently show up on re-loading the page. In such cases, it is advised that you Disable the Ajax Transitions.

6. Exclude Ajax Loading on pages –

This option is provided to exclude selective alone pages in your website from Ajax loading. This will be useful in cases when you are using a plugin that might not work well with Ajax loading.

7. Ajax Loader Style – Click to Preview a Loader

There are 6 Loader Styles that you can choose that will appear during Ajax Transitions on your Site.

8. Display Comments on Pages –

Enable this option to Display Comments on Pages. By default Comments will be disabled

9. Disable CSS Animation in mobile devices –

Enable this option to Disable CSS animations on Modules in Mobile devices. Options to apply CSS animations is given in the Page Builder.

10. Disable Dynamic Color Change on Slider Revolution –

Enabling this option disables the dynamic color change of the navigation menu text color according to the slide.

11. Disable Back to top Button – Click to Preview the Back to Top Button

The Back To Top Button will appear in the Right Bottom Corner of the Screen. This enables the user to easily navigate back to the foremost section. This option can be used to enable/disable this button. This Button will take the Color that you set as ‘Color Scheme’ as Background Color and ‘Text Color on BG with Color Scheme’ as the Icon Color. These options can be found under the ‘COLORS’ Panel.

12. Form Field Style –

This setting will apply on any Form Fields that are used, ex. Textblock, Text Area etc. There are two styles that you can choose from

13. BUTTON SHAPE

This option changes the shape of the button. The selected button shape will be applied on Blog Read More, Portfolio View Project, Comments Submit, Shop Pages and Contact Form Buttons. The available button shapes are default, rounded and circular.

14. Custom Sidebars :

Apart from the default Sidebars that come with the theme, you have the option to add Custom Sidebars. Follow the instructions below to create the Sidebars.

STEP 1 – Add the Sidebar Name and Click on ADD MORE

prvw_custom_sidebar0

STEP 2 Go to Appearances > Widgets on your Dashboard. You will see the new Sidebar that you created.

prvw_custom_sidebar1

STEP 3 – To use the Sidebar on your page, go to the OSHINE – Page Sidebar Options metabox. You can find the option to pick the Sidebar to be shown in that page.

prvw_custom_sidebar2

15. Instagram Access Token –

This Access Token is required for the Instagram Feed that will be pulled by the Gallery Module. Check the tutorial on How to Generate an Access Token.

16. Google Map API Key –

This is required for using Google Maps in the site. Check the tutorial on How to generate your API Key.

17.  CDN Address

Related Articles

Leave A Comment?

You must be logged in to post a comment.