Theme Settings

You are here:
Estimated reading time: 12 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.

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> General Settings

General settings:

  1. Main grid Width -> For increase or decrease main site page width on grid view
  2. Content Width -> You can increase or decrease content with of your site
  3. Pages Layout -> Pages layout can be changed from here
  4. 404 Page template -> Style can be changed from this option
  5. 404 Page Layout -> Layout can be changed with this option
  6. 404 Page small text -> For 404-page text can be typed here
  7. Search page Layout -> Search page layout can change from here
  8. Sidebar and Content Area Radius -> Can select sidebar and content area from here
  9. Breadcrumb -> You can on/off this on the whole site
  10. Page Comments -> pages comments Enable/Disable
  11. Custom Sidebars -> You can create a custom sidebar with this option
  12. Typekit Kit ID -> This is a font text library you can use it for our theme but it is paid

For Reference please follow below mentioned image.

Header:

a) Header Skins:

Please just go to wp-admin -> Classiads Dashboards -> Theme Settings -> Header -> Header Skins

  1. Main Navigation Top Level -> You can change the colors of Menu buttons, You can change hover colors and background colors also with this option
  2. Main Navigation Sub Level Background Color -> Can change colors, hover colors and background colors of sub level or mega menu with this option
  3. Main Navigation Sub Level ->
  4. Show Main Navigation Border Top? -> You can Enable/Disable main navigation border top with this option
  5. Show Toolbar Border Top?
  6. Header Toolbar Border Bottom Color
  7. Header Toolbar Text Color
  8. Header Toolbar Phone & Email Icon Color
  9. Header Toolbar Link Color 
  10. Header Toolbar Social Network Link Color -> Header social network links colors can be changed with this option
  11. toolbar Social links background
  12. Header Search Icon Color
  13. Header cart Link Color
  14. Header listing button colors -> “Post your add” button colors can be changed with this option

For Reference please follow below mentioned image.

b) Toolbar contact info:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Toolbar contact info

  1. Header contact -> You have to set Header Toolbar if you want to Enable your contact on Header
  2. Header Toolbar contact Align -> You can set Header contact Align from like right, left or center
  3. 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
  4. Header Toolbar Phone Icon -> You can get icon class from icon library to set phone icon
  5. Header Toolbar Email Address -> You have to put your E-mail address here for Header contact
  6. Header Toolbar Email Icon -> You can get icon class from icon library to set E-mail icon

For Reference please follow below mentioned image.

c) Header Social Networks:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Social Networks

  1. Header Social Networks -> Can be Enable/Disable from this option
  2. Header Toolbar Social Align -> Header social Align can be set here like right, left or center
  3. All other social networks link also set from the Header Social Networks option for reference please follow below mentioned image.

d) Header Login Register:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Login Register

  1. Add login and register button in the top header -> You can Enable/Disable Login/Register button from here
  2. Login Page Slug -> Will remain same so please do not change this slug
  3. Register Page Slug -> Will remain same so please do not change this slug
  4. Forgot password Page Slug ->  Will remain same so please do not change this slug
  5. Login/Registered Button Location -> You can set the location of Login/Register button from here
  6. Login/Registered Button Style -> can be changed from here
  7. Login/Registered Button Align on Toolbar -> Here you can set this button as right, left or center

For Reference please follow below mentioned image.

e) Header Toolbar:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Toolbar

  1. Header Toolbar -> Header Toolbar can be Enable/Disable with this option
  2. Header Toolbar in grid -> Can be Enable/Disable with this option
  3. Header Toolbar Custom Menu -> Custom menu can be select from here in Header if you want to activate this

For Reference please follow below mentioned image.

f) Header Logo:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Logo

  1. Header logo location -> With this option you can set the logo where you want to show in Header
  2. 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
  3. Logo Height -> Set logo height
  4. Upload Logo -> Here you can upload a logo and also can remove if you do not want to show on your site
  5. Upload Retina Logo -> Use this option if you want your logo appear crystal clean in retina devices(eg. macbook retina, ipad, iphone).
  6. Pre-loader Overlay Logo -> Image size is up to you.
  7. Upload Mobile Logo -> This option comes handly when your logo is just too long for a mobile device and you would like to upload a shorter and smaller logo just to fit the header area.
  8. Upload Mobile Retina Logo -> Please note that the image you are uploading should be exactly 2x size of the original logo you have uploaded in above option (Upload Mobile Logo).

For Reference please follow below mentioned image.

g) Header Listing Button:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Listing Button

  1. Listing Button Location -> Listing button location can be set with this option
  2. Listing Button Style -> Listing button that is “post you are” button style can be changed from here
  3. Header Listing Button Align -> Post your add button alignment can be set here
  4. 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
  5. Header New Listing Button Text -> Button text change from here

For Reference please follow below mentioned image.

h) Header Background:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Background

  1. Header Background -> Here you can set Header background image, Background Color, Background Position, Background Attachment like fixed or scroll, Background Repeat, Background Cover…
  2. 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…

For Reference please follow below mentioned image.

i) Header Layout:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Layout

  1. 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.
  2. Preset Header Layout -> Preset header like already header available in the theme provided by us you can choose the layout of these Headers
  3. Header Styles -> You can change header style from here it may as a block or transparent
  4. Preset Header Skin -> Turn on Preset Header custom Skins
  5. Header Structure -> Header structure can choose from here
  6. Header Location -> Header location can be select from here like on top or bottom
  7. Vertical Header State -> Choose vertical header defaut state. If condensed header chosen, header will be narrow by default and by clicking burger icon it will be expanded to reveal logo and navigation.
  8. 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.
  9. Header Padding -> header padding for top and bottom can be set from here
  10. Header Padding -> header padding for right left can be set from here
  11. Header Align -> header align like right, left can be set from here
  12. Vertical Header Menu Align -> For vertical header menu you can set alignment from here
  13. Boxed Header -> Full screen wide header content or inside main grid? If you want the cotent be stretched screen wide, disable this option.
  14. Header in grid -> Header will be in grid
  15. Header in grid position Absolute
  16. In grid header margin top
  17. Header Listing Search Form
  18. Header toolbar Height -> Header toolbar height will be set with this option
  19. Sticky Header -> If you want to set Header as a sticky
  20. 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.
  21. Main Navigation Hover Style -> Can Enable/Disable from here
  22. Show Header Border Top?
  23. Header Search Form -> Will stay on right hand of main navigation. If you don’t want this feature just disable it from this option.
  24. Header Wpml Language Selector -> If you don’t want this feature just disable it from this option.
  25. Page Title : Pages -> This option will affect Pages. If you don’t want to show page title section (title, breadcrumb) in Pages disable this option. this option will not affect archive, search, 404, category templates as well as blog and portfolio single posts.
  26. Main Navigation for Logged In User -> Please choose the menu location that you would like to show as global main navigation for logged in users.

For Reference please follow below mentioned image.

Footer:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Footer

  1. Footer -> Footer can Enable/Disable from here
  2. Footer Widget Area Columns -> Defines in which structure footer widget areas would be divided
  3. Top Footer -> If you don’t want to have Top footer section you can disable it.
  4. Footer subscription form styles -> Please choose the menu location that you would like to show as global main navigation for logged in users.
  5. Upload Top Footer Logo -> Here you can upload the logo for Footer
  6. Form id ->
  7. Mail-chimp id -> Mail-chimp id should be put here
  8. Sub Footer -> If you don’t want to have sub footer section you can disable it.
  9. Sub Footer Back to Top Button -> Button can be Enable/Disable with this option
  10. Footer back to top button style -> Button style can be changed from here
  11. Footer Sell Button -> Sell button Enable/Disable from here
  12. Footer Sell Button Text -> Text can be changed from this button
  13. Sub Footer Copyright text -> Text of copyright can be typed here
  14. Sub Footer Right Section Logo Image -> Can be upload from here
  15. Sub Footer Right Section Logo Link –link you can put here
  16. Footer Social Location -> Social location can be set from here here you have to just put # tag  in social tabs to activate these options

For Reference please follow below mentioned image.

Typography:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Typography

  1. Body Font -> You can choose your body font properties here.
  2. Headings Font -> You can choose your Heading fonts properties.
  3. Widgets Title -> This will apply to all widget areas title including footer, sidebar and side dashboard
  4. Page Title Text Size -> Change from here
  5. Paragraph Text Size -> Change from here
  6. Paragraph Line Height -> Change from here
  7. Footer Paragraph Text Size -> Change from here
  8. Main Navigation Top level -> Should be set from here
  9. Main Menu Items Gutter Space -> This Value will be applied as padding to left and right of the item.
  10. Main Menu Items Top & Bottom Padding -> This Value will be applied as padding to the top and bottom of the item.
  11. Main Menu Top Level Text Transform -> You can set Text here as uppercase, lower case or capitalize
  12. Main Menu Sub Level Font Size -> Change from here
  13. Main Menu Sub Level Text Transform -> Text Transform for sub level
  14. Main Menu Sub Level Font Weight -> Font widget will be set with these options
  15. Toolbar Font -> Choose your header toolbar font properties.
  16. Choose a Typekit Font -> Perimum services
  17. Add Typekit Elements Class Names -> Premium services

For Reference please follow below mentioned image.

Skin:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Skins

  1. Accent Color -> Main color scheme choose a vivid and bold color.
  2. Body text Color -> Will affect all texts if no color is defined for them
  3. Headings Color -> Will affect all headings
  4. Links Color -> Will affect all links color
  5. Page Title -> Page title color can be changed from here
  6. Sidebar Widget Title -> Sidebar widget title color can be changed from here
  7. Sidebar Widget Texts -> Will affect all texts in sidebar widget (unless there is a color value for the specific option in theme styles)
  8. Sidebar Widget Links -> Will affect all links in sidebar section.
  9. Footer widget title -> Footer Widget Title color will be changed from here
  10. Footer Widget Texts -> Will affect all texts in footer widget (unless there is a color value for the specific option in theme styles)
  11. Footer Widget Links -> Will affect all links in the footer section.
  12. Footer recent Posts border Bottom ->
  13. Show Sub Footer Border Top? ->
  14. Sub-Footer border top color ->
  15. Show Border Right to Footer Columns? -> Can be Enable/Disable
  16. Sub-Footer Social Networks Color -> Will affect all social network icons in sub-footer. you can set it’s active and hover values
  17. Sub-Footer Copyright Color -> Will affect sub footer left side copyright text.
  18. Preloader Text Color -> Will affect global site preloader text color.
  19. Preloader Background Color -> Will affect global site preloader Background color.
  20. Preloader Bar Color -> Will affect global site preloader Bar color.
  21. Buttons hover color -> Setting will affect all dynamic buttons
  22. Subscription Button hover color -> Setting will affect all dynamic buttons
  23. Breadcrumb Skin
  24. Breadcrumb Custom Skin Color -> Can be changed with this option
  25. Custom CSS -> If you have any custom CSS then please put here and save it

For Reference please follow below mentioned image.

Backgrounds:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Backgrounds

  1. Site Layout -> You can change site layout as full width or boxed
  2. 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
  3. Main search bar background color
  4. Main search bar background color
  5. 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
  6. 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
  7. 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
  8. Sub Footer Background Color
  9. Top Footer Background Color

For Reference please follow below mentioned image.

Blog:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Blog

  1. Page Title: Blog Posts -> If you don’t want to show page title section (title, breadcrumb) in blog single posts disable this option.
  2. Blog Single Featured image, audio, video -> Will completely disable Featured Image, Video and Audio players from blog single post.
  3. 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.
  4. Single Post Featured Image Height -> This height applies to featured image and gallery post type slideshow…
  5. About Author Section -> You can Enable/Disable Author section from here
  6. Blog Single Social Share
  7. Comments -> Comments on Blog can be Enable/Disable from here
  8. Archive Layout -> Defines archive loop layout.
  9. Archive columns -> Defines archive loop layout.
  10. Archive Loop Style -> Archive loop style can be changed from here
  11. Archive Loop Page Title -> Using this option you can enable/disable page title section (including breadcrumbs)

For Reference please follow below mentioned image.

Woo-commerce:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Woo-commerce

  1. Shop Layout -> Defines shop loop layout.
  2. Product Loop Image Height -> Using this option you can change the product loop image height.
  3. Shop Loop Image Size -> Using this option you can change shop loop image size
  4. Single Product Image Height -> Using this option you can change the single product image height.
  5. Shop Single Product Image Size -> With this you can change the size of single product images
  6. Single Layout -> Defines shop single product layout.
  7. Header Checkout/Shopping Box -> Using This option you can remove header shopping box from the header.
  8. checkout box align on toolbal
  9. Product Loops image quality
  10. 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.
  11. Woo-commerce Single Product Page Title -> Using this option you can disable/enable single product page title (including breadcrumbs).
  12. Woo-commerce Shop Loop Page Title -> Using this option you can disable/enable Shop product Loop title (including breadcrumbs)

For Reference please follow below mentioned image.

Third Party API:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Third Party API

  1. Google maps Api Key
  2. Twitter Consumer Key
  3. Twitter Consumer Secret
  4. Twitter Access Token
  5. Twitter Access Token Secret
  6. Flickr API Key

For Reference please follow below mentioned image.

Theme Speed:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Managed Theme Speed

  1. Minify Java Script Files -> You can enable JS minification using this option. This option will only pickup the pre-minified JS files(theme-scripts-min.js & plugins.js). So use this option if you did not hack the JS files.
  2. Minify CSS Files -> You can enable CSS minification using this option. This option will only pickup the pre-minified CSS files. So use this option if you did not hack the CSS files.
  3. Remove query string from Static Files -> Removes “ver” query string from JS and CSS files.

For Reference please follow below mentioned image.

Import / Export:

Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Import/Export

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

For Reference please follow below mentioned image.

Hope You will Like this Article

Was this article helpful?
Dislike 1
Views: 1748
Have questions? Search our knowledgebase.