Theme Settings

You are here:
Estimated reading time: 9 min

All “Theme Settings” are available in this Article like Header, Footer, Blog, Woo Commerce etc.. So we would like to describe all steps one by one, 1st of all we will describe you all the options include in “Theme Settings” for your better consideration. For Details of these Options please read complete Article carefully.

When you will login into your site please go to wp-admin > classiads options > Theme Settings

Options include in all Theme Settings are:

General settings:

For Reference please follow below mentioned image.

Main grid Width > For increase or decrease main site page width on grid view

Content Width > You can increase or decrease content with of your site

Pages Layout > Pages layout can be changed from here

404 Page template > Style can be changed from this option

404 Page Layout > Layout can be changed with this option

404 Page small text > For 404-page text can be typed here

Search page Layout > Search page layout can change from here

Sidebar and Content Area Radius > Can select sidebar and content area from here

Breadcrumb > You can on/off this on the whole site

Smooth Scroll > You can on/off from here

Page Comments > pages comments Enable/Disable

Custom Sidebars > You can create a custom sidebar with this option

Typekit Kit ID > This is a font text library you can use it for our theme but it is paid

Header:

a) Skins:

For Reference please follow below mentioned image.

Please follow the image to change the colors of the theme as you can also see in this Header skins options

Main Navigation Top Level > You can change the colors of Menu buttons, You can change hover colors and background colors also with this option

Main Navigation Sub Level Background Color > Can change colors, hover colors and background colors of sub level or mega menu with this option

Show Main Navigation Border Top? > You can Enable/Disable main navigation border top with this option

Header Toolbar Social Network Link Color > Header social network links colors can be changed with this option

Header listing button colors > “Post your add” button colors can be changed with this option

b) Toolbar contact info:

For Reference please follow below mentioned image.

Header contact > You have to set Header Toolbar if you want to Enable your contact on Header

Header Toolbar contact Align > You can set Header contact Align from like right, left or center

Header Toolbar Phone Number > You have to put your phone number to show in Header contact if phone number will not put them contact can’t show in Header

Header Toolbar Phone Icon > You can get icon class from icon library to set phone icon

Header Toolbar Email Address > You have to put your E-mail address here for Header contact

Header Toolbar Email Icon > You can get icon class from icon library to set E-mail icon

c) Header Social Networks:

For Reference please follow below mentioned image.

Header Social Networks > Can be Enable/Disable from this option

Header Toolbar Social Align > Header social Align can be set here like right, left or center

All other social networks link also set from the Header Social Networks option

d) Header Login Register:

For Reference please follow below mentioned image.

Add login and register button in the top header > You can Enable/Disable Login/Register button from here

Login Page Slug, Register Page Slug and Forgot password Page Slug will remain same so please do not change these slugs

Login/Registered Button Location > You can set the location of Login/Register button from here

Login/Registered Button Style > can be changed from here

Login/Registered Button Align on Toolbar > Here you can set this button as right, left or center

e) Header Toolbar:

For Reference please follow below mentioned image.

Header Toolbar > Header Toolbar can be Enable/Disable with this option

Header Toolbar in grid > Can be Enable/Disable with this option

Header Toolbar Custom Menu > Custom menu can be select from here in Header if you want to activate this

f) Header Logo:

For Reference please follow below mentioned image.

Header logo location > With this option you can set the logo where you want to show in Header

Header Toolbar Logo Align > With the help of this option you can set logo alignment like right, left or center where you want to show in the header

Upload Logo > Here you can upload a logo and also can remove if you do not want to show on your site

g) Header Listing Button:

For Reference please follow below mentioned image.

Listing Button Location > Listing button location can be set with this option

Listing Button Style > Listing button that is “post you are” button style can be changed from here

Header Listing Button Align > Post your add button alignment can be set here

Header New Listing Button Url > You have to set your website URL for the listing button that is post your add button then it will work and redirect to submit list form

Header New Listing Button Text > Button text change from here

h) Header Background:

For Reference please follow below mentioned image.

Header Background > Here you can set Header background image, Background Color, Background Position, Background Attachment like fixed or scroll, Background Repeat, Background Cover…

Header Toolbar Background > Here you can set Header Toolbar background image, Background Color, Background Position, Background Attachment like fixed or scroll, Background Repeat, Background Cover…

i) Header Layout:

For Reference please follow below mentioned image.

Main Navigation Responsive Width > Navigation item can vary from site to site and it totally depends on you to define the best width Main Navigation convert to responsive mode. you can find the right value by just resizing the window to find the best fit corresponding to navigation items.

Preset Header Layout > Preset header like already header available in the theme provided by us you can choose the layout of these Headers

Header Styles > You can change header style from here it may as a block or transparent

Header Structure > Header structure can choose from here

Header Location > Header location can be select from here like on top or bottom

Header Vertical Width? > If condensed header is chosen, the header will be narrow by default and by clicking burger icon it will be expanded to reveal logo and navigation.

Header Padding > header padding for top and bottom can be set from here

Header Padding > header padding for right left can be set from here

Header Align > header align like right, left can be set from here

Vertical Header Menu Align > For vertical header menu you can set alignment from here

Header toolbar Height > Header toolbar height will be set with this option

Sticky Header > If you want to set Header as a sticky

Squeeze Sticky Header > This option to give you the control on whether to squeeze the sticky header or keep it the same height as none-sticky.

Main Navigation Hover Style > Can Enable/Disable from here

Footer:

For Reference please follow below mentioned image.

Footer > Footer can Enable/Disable from here

Footer Widget Area Columns > Defines in which structure footer widget areas would be divided

Top Footer > If you don’t want to have Top footer section you can disable it.

Footer subscription form styles > Please choose the menu location that you would like to show as global main navigation for logged in users.

Upload Top Footer Logo > Here you can upload the logo for Footer

Mail-chimp id > Mail-chimp id should be put here

Sub Footer > If you don’t want to have sub footer section you can disable it.

Sub Footer Back to Top Button > Button can be Enable/Disable with this option

Footer back to top button style > Button style can be changed from here

Footer Sell Button > Sell button Enable/Disable from here

Footer Sell Button Text > Text can be changed from this button

Sub Footer Copyright text > Text of copyright can be typed here

Sub Footer Right Section Logo Image > Can be upload from here

Sub Footer Right Section Logo Link > link you can put here

Footer Social Location > Social location can be set from here

Typography:

For Reference please follow below mentioned image.

Body Font > You can choose your body font properties here.

Headings Font > You can choose your Heading fonts properties.

Widgets Title > This will apply to all widget areas title including footer, sidebar and side dashboard

Main Navigation Top level > Should be set from here

Main Menu Items Gutter Space > This Value will be applied as padding to left and right of the item.

Main Menu Items Top & Bottom Padding > This Value will be applied as padding to the top and bottom of the item.

Main Menu Top Level Text Transform > You can set Text here as uppercase, lower case or capitalize

Main Menu Sub Level Text Transform > Text Transform for sub level

Main Menu Sub Level Font Weight > Font widget will be set with these options

Toolbar Font > Choose your header toolbar font properties.

Skin:

For Reference please follow below mentioned image.

Accent Color > Main color scheme choose a vivid and bold color.

Body text Color > Will affect all texts if no color is defined for them

Headings Color > Will affect all headings

Links Color > Will affect all links color

Page Title > Page title color can be changed from here

Sidebar Widget Title > Sidebar widget title color can be changed from here

Sidebar Widget Texts > Will affect all texts in sidebar widget (unless there is a color value for the specific option in theme styles)

Sidebar Widget Links > Will affect all links in sidebar section.

Footer widget title > Footer Widget Title color will be changed from here

Footer Widget Texts > Will affect all texts in footer widget (unless there is a color value for the specific option in theme styles)

Footer Widget Links > Will affect all links in the footer section.

Show Border Right to Footer Columns? > Can be Enable/Disable

Sub-Footer Social Networks Color > Will affect all social network icons in sub-footer. you can set it’s active and hover values

Sub-Footer Copyright Color > Will affect sub footer left side copyright text.

Preloader Text Color > Will affect global site preloader text color.

Preloader Background Color > Will affect global site preloader Background color.

Preloader Bar Color > Will affect global site preloader Bar color.

Buttons hover color > Setting will affect all dynamic buttons

Subscription Button hover color > Setting will affect all dynamic buttons

Breadcrumb Custom Skin Color > Can be changed with this option

Custom CSS > If you have any custom CSS then please put here and save it

Backgrounds:

For Reference please follow below mentioned image.

Site Layout > You can change site layout as full width or boxed

Body Background > Affects body background Properties, use this option when boxed layout is chosen. Its include in Upload Custom Image, Background Color, Background Position, Background Attachment, Background Repeat, Background Cover

Page Title Background > In this option you can Upload Custom Image and can change Background Color, Background Position, Background Attachment, Background Repeat, Background Cover for page title background

Page Background > In this option you can Upload Custom Image and can change Background Color, Background Position, Background Attachment, Background Repeat, Background Cover for the page background

Footer Background > In this option you can Upload Custom Image and can change Background Color, Background Position, Background Attachment, Background Repeat, Background Cover for Footer background

Blog:

For Reference please follow below mentioned image.

Page Title: Blog Posts > If you don’t want to show page title section (title, breadcrumb) in blog single posts disable this option.

Blog Single Featured image, audio, video > Will completely disable Featured Image, Video and Audio players from blog single post.

Featured image hard cropping > This option will affect single blog post featured image. If you want to disable automatic image cropping for the featured image, disable this option. The original image size will be used. However, it will be responsive and fit to the container.

Single Post Featured Image Height > This height applies to featured image and gallery post type slideshow…

About Author Section > You can Enable/Disable Author section from here

Comments > Comments on Blog can be Enable/Disable from here

Archive Layout > Defines archive loop layout.

Archive columns > Defines archive loop layout.

Archive Loop Style > Archive loop style can be changed from here

Archive Loop Page Title > Using this option you can enable/disable page title section (including breadcrumbs)

Woo-commerce:

For Reference please follow below mentioned image.

Shop Layout > Defines shop loop layout.

Product Loop Image Height > Using this option you can change the product loop image height.

Shop Loop Image Size > Using this option you can change shop loop image size

Single Product Image Height > Using this option you can change the single product image height.

Shop Single Product Image Size > With this you can change the size of single product images

Single Layout > Defines shop single product layout.

Header Checkout/Shopping Box > Using This option you can remove header shopping box from the header.

Show Product Category as Product Single Title. > If you want to show product category(if multiple only first will be used) as single product page title enable this option. having this option disabled shop page title will be used.

Woo-commerce Single Product Page Title > Using this option you can disable/enable single product page title (including breadcrumbs).

Woo-commerce Shop Loop Page Title > Using this option you can disable/enable Shop product Loop title (including breadcrumbs)

Third Party API:

For Reference please follow below mentioned image.

Use this Option for Twitter settings

Import / Export:

For Reference please follow below mentioned image.

Import Export > This import export option is for when you want to save your all theme settings you will click on export button and then download your file, Later on you can import this file of theme settings when you want, This Import/Export button will help you to save and download your theme settings data, later on, you can again import

Hope You will Like this Article

 

 

 

 

 

 

 

 

 

Was this article helpful?
Dislike 0
Views: 1036
Have questions? Search our knowledgebase.