These options are located in the Theme Options > Primary Layout tab.

Primary Layout options control your site’s layout type, width, primary background color, and progress indicator for your page load. (Fig. 1)

Primary Layout options Screenshot
Fig. 1. Primary Layout options Screenshot.

There are two types of site’s layout: Wide and Boxed (Fig. 2)

There are two types of site's layout: Wide and Boxed
Fig. 2. There are two types of site’s layout: Wide and Boxed.

 

Layout – Illustrated as A.  Controls the site layout. Choose between Wide or Boxed for your site. (Fig. 3)

Wide layout VS Boxed layout
Fig. 3. Wide layout VS. Boxed layout.

Layout: Wide

The Wide option will displays your site at the width set in the site width option. In a Wide site layout, there is no extra space reserved around the box. Site contents are presented in a wide layout.

Wide Layout options Screenshot
Fig. 4. Wide Layout options Screenshot.

 

Site Width – Illustrated as B.  Controls the overall site width. (Fig. 5)

Wide Layout options: Site Width
Fig. 5. Wide Layout options: Site Width.

 

Screen Background Color – Illustrated as C.  Controls the background color for the screen.

Layout: Boxed

The Boxed option will restricts your site’s width to the value set in the site width option. In a Boxed site layout, your site’s content will look like as if it’s inside a box. You can even change the width of the box and background color behind the box. (Fig. 6)

Boxed Layout options Screenshot
Fig. 6. Boxed Layout options Screenshot.

 

Site Width – Illustrated as D.  Controls the overall site width.

Screen Background Color – Illustrated as E.  Controls the background color for the screen. (Fig. 7)

Screen Background Image – Illustrated as F.  Select an image file for the screen background.

Boxed Background Color – Illustrated as G.  Controls the background color for the boxed. (Fig. 7)

Boxed Layout options: Screen Background Color and Boxed Background Color
Fig. 7. Boxed Layout options: Screen Background Color and Boxed Background Color.

Fancy Loading

This is the beautiful progress indicator for your page load. (Fig. 8)

Primary Layout Fancy Loading Screenshot
Fig 8. Primary Layout Fancy Loading Screenshot.

 

Fancy Loading – Illustrated as H.  Turn on to enable the beautiful progress indicator for your page load.

Primary Layout Fancy Loading Options Screenshot
Fig 9. Primary Layout Fancy Loading options Screenshot.

 

Full Screen Overlay Color – Illustrated as I.  Controls the full screen background color for the Fancy Loading.

Fancy Loader Style – Illustrated as J.  Controls the loader style for the Fancy Loading.

Fancy Loader Color – Illustrated as K. Controls the color for the Fancy Loader.

Go To Top Button

This is a Go To Top Button which adds the scrolling to top functionality. (Fig. 10)

Primary Layout Go To Top Button option Screenshot
Fig 10. Primary Layout Go To Top Button option Screenshot.

 

Go To Top Button – Illustrated as L. Turn on to enable the Go To Top Button which adds the scrolling to top functionality.

Primary Layout Go To Top Button Screenshot
Fig 11. Primary Layout Go To Top Button Screenshot.

 

Primary Layout Go To Top Button Options Screenshot
Fig 12. Primary Layout Go To Top Button options Screenshot.

 

Go To Top Button Position – Illustrated as M. Controls the position of the Go To Top Button.

Go To Top Button Border Radius – Illustrated as N. Controls the border radius for the Go To Top Button

Go To Top Button Background Color – Illustrated as O. Controls the background color for the Go To Top Button.

Display Go To Top Button Background Gradient Colors – Illustrated as P. Turn on to display the Go To Top Button background gradient colors.

Go To Top Button Background Gradient Colors – Illustrated as Q. Controls the background gradient colors for the Go To Top Button.

Go To Top Button Background Gradient Angle – Illustrated as R. Controls the background gradient angle for the Go To Top Button. Degree(deg) unit.

Go To Top Button Icon Color – Illustrated as S. Controls the icon color for the Go To Top Button.