1. Home
  2. Docs
  3. Tutorque
  4. Customizer

Customizer

General Options

Color

  • Primary Color: Select your preferred primary color from here also make it transparent by ticking on the transparent option.
  • Secondary Color: Select your preferred secondary color from here ank you can also make it transparent by ticking on the transparent option.
  • Background Color: Define and change the background color for the entire site. 
  • Background Image: Define or apply the background image for the entire site.
Customizer 1

Layout

  • Layout Type: Set whether your layout will be in full width or boxed. 
  • Layout Width: Set your layout width in pixel. 
  • Outside Background Color: Select the outside background color.
  • Inner Background Color: Select the inner background color.

Customizer 2

Page Header

  • Breadcrumb Area: Allows you the control either enabling or disabling breadcrumb area for your site.
  • Breadcrumb Area In A Single Post: Allows you to enable or disable breadcrumb area in the single post.
  • Breadcrumb: Allows you the control either enabling or disabling breadcrumb for your site.

Page Header Image

  • Blog Related Page: Set your preferred image for a blog related page.
  • Learndash Archive Page: Set your preferred image for learndash archive page.
  • Shop Page: Set your preferred image for the shop page.
  • Event Page: Set your preferred image for the event page.
  • Teacher Page: Set your preferred image for the teacher page.
  • Search Page: Set your preferred image for the search page.
Customizer 3

Scroll to top

  • Enable Scroll to Top: Set whether you want to show scroll to top button or not.
  • Position: Set scroll to top button in the left position or right position.
  • Bottom Position: Set button position on the bottom of the page.
  • Button Size: Set the button size.
  • Icon Size: Set the icon size.
  • Border Radius: Set button border radius.
  • Background Color: Apply background upon button.
  • Background Hover Color: Set background hover color here. 
  • Border Color: Apply border color to button.
  • Border Hover Color: Apply border hover color to button.
  • Color: Apply color to icon.
  • Hover Color: Apply hover color to icon.
Customizer 4

Page Settings

  • Layout: Set whether the layout will be full width or not and define the content position either left or right side.
Customizer 5

404 page

  • Layout: Set whether the layout will be full width or not and define the content position either left or right side.  
  • 404 Page Image: Choose 404 page image.

Customizer 6

Search Page

  • Layout: Set whether the layout will be full width or not and define the content position either left or right side. 
  • Posts Per Page: Set how many search result posts you want to show.
  • Source Type: Set whether you want to show the result from post or from page

Customizer 7

Typography

 Body Typography

  • Body Typography: Customize and set the typography for your website’s body from here. Set font, weight, style, subsets, Header, size, height, and color also.
Customizer 8

Heading Typography

  • Heading Typography: Customize and set the typography for your websites heading from here. Set Font family, weight, style, and text transform also.
Customizer 9

Header

General

  • Style: Define the style from the option.
  • Sticky: Set your header sticky or not. 
  • Translucent: Set whether the header will be translucent or not. 
  • Translucent Header: Set whether the header will be translucent or not on the home page only. 
  • Button Setting: Define button settings for login button. 
  • Background Color Setting: Set the background color.
  • Transparent Background Setting: Set the transparent background color.
  • Sticky Background Color: Set the sticky background color.

Customizer 10

Logo

  • Logo: Choose the logo for your site
  • Sticky Logo: Choose the sticky logo for your site.
  • Position: Select logo position in header. You can set the logo position to left or right in the header.
  • Color: Choose color of the text for the logo( If there isn’t any selected logo)
  • Hover Color: Choose hover color of the text logo.

Customizer 11

 Menu

  • Alignment: Choose menu alignment from here
1st Level Menu
  • Left/Right Padding : Choose left/right padding for 1st level menu item.
  • Link Color: Choose the color for the menu item.
  • Link Hover Color: Choose the hover color for the menu item.
  • Link Current Item Color: Choose the current item color for menu item.
  • Link Background Color: Choose background color for the menu item.
  • Link hover Background Color: Choose hover background color for the menu item.
Dropdown Menu
  • Width: Choose width of dropdown menu item
  • Link Color: Choose the color of dropdown menu item
  • Link Hover Color: Choose the hover color of dropdown menu item
  • Link Current Item Color: Choose the current item color of dropdown menu item
  • Link Background Color: Choose the background color of dropdown menu item
  • Link hover Background Color: Choose the hover background color of dropdown menu  item
Customizer 12

Blog

Blog Entries

  • Layout: Set whether the layout will be full width or not and define the content position either left or right side. 
  • Blog Style: Choose your preferred layout for your blog. Currently there are two layouts available – List view and Grid view.
  • Post Content: Choose excerpt or full content in blog post
  • Excerpt: If you choose excerpt to show in blog content then you can specify excerpt content length

Customizer 13

Single Post

  • Layout: Set whether the layout will be full width or not and define the content position either left or right side. 
  • Elements Position: Choose elements order and enable or disable a element from here.
  • Meta: Choose meta order and enable or disable an element from here.
  • Navigation Taxonomy: Choose navigation taxonomy either category was navigation or tag wise navigation.
  • Related Post Count: Set how many related posts you want to show.
  • Related Post Columns: Set related posts columns from here.
  • Related Post Taxonomy: Choose related post taxonomy.

Customizer 14

 LearnDash

Archive Course

  • Course Per Page: Define how many posts you want to show in the course archive.
  • Columns: Select course column per row.
  • Course Title Length: Set title length from here.
  • Course Content Length: Set course excerpt length from here.
  • Button Text: Set Button text from here.

Customizer 15

Single Course

  • Layout: Select layout style for single course layout.
  • Widget Divider: Select yes to show widget divider.
  • Related Course: Select yes to show related courses.
  • Related Course Count: Select show related courses you want to show.
  • Columns: Select related course column count per row.
  • Course Description: Select yes to show course description.
  • Description Length : Choose description length.
  • Button Text: Set the button text

Customizer 16

Notice

Archive Notice

  • Archive Title: Choose Notice Archive Title from here
  • Per Page: Choose how many notice you want to show per page
  • Columns: Select how many column per row you want to show
  • Image Size:  Define the image size for archive page from here.
  • Title Length: Define the Courses title length from here.
  • Content: Select show to display content
  • Content length: Define the length of course content from here.
  • Date: Select show to display date
  • Page Views: Select show to display page views

Customizer 17

Single Notice

  • Layout: Select layout style for single notice layout.
  • Meta: Select show to display meta in single notice.
  • Navigation: select show to display navigation in single notice.
  • Social Share: Select show to display social sharing option in single notice.

Customizer 18

Social Links

  • Facebook : Put your facebook link in this field.
  • Twitter : Put your twitter link in this field.
  • Instagram : Put your instagram link at this field.
  • Linkedin : Put your linkedin link in this field.
  • Google Plus : Put your google plus link at this field.
  • Whatsapp : Put your whatsapp link in this field.
  • Youtube : Put your youtube link in this field.
  • Skype : Put your skype link in this field.
  • Snapchat : Put your Snapchat link in this field.

Customizer 19

Footer

Footer Widgets

  • Footer Widgets Area: Select yes to show footer widgets area.
  • Columns: Select how many columns widget you want to show.
  • Padding: Select your preferred padding for footer widgets area.
  • Background Color: Select background color of footer widgets area.
  • Background Image: Select background image for footer widgets area.
  • Border Color: Apply border color of footer widgets area.
  • Text Color: Apply text color of footer widgets
  • Link Color: Apply link color of footer widgets.
  • Link hover Color: Apply link hover color of footer widgets.

Customizer 20
Was this article helpful to you? Yes No

How can we help?