--- title: Theme Customizer description: "Navigate to **Appearance > Customize** for Theme's customizer settings. ## **General Settings** Navigate to **Appearance > Customize > General Settings** for Theme's general settings. ## Preloader Theme's initial Preloader options can be changed from here ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_preloader-1024x538.png) ## Logo !!! For our Niche demo (Personal…" url: "https://themewinter.com/docs/themes/theme-docs/digiqole/theme-customizer-7/" updated: "2026-06-29" category: Digiqole --- # Theme Customizer Navigate to **Appearance > Customize** for Theme's customizer settings. ## **General Settings** Navigate to **Appearance > Customize > General Settings** for Theme's general settings. ## Preloader Theme's initial Preloader options can be changed from here ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_preloader-1024x538.png) ## Logo !!! For our Niche demo (Personal Blog, Covid-19, Food Recipe, and Newspaper), use ElementsKit's Header Footer Builder from [here.](https://themewinter.com/docs/themes/theme-docs/digiqole/theme-customizer-7/#10-toc-title) Default Header and Footer's logo change options. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_logo-1024x538.png) ## Breadcrumb ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_breadcrumb-1-1024x538.png) ## Social Link Icons Social link icons can be added from here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_social_links-1-1024x538.png) ## Progress Bar The blog post reading progress indicator bar can be enabled and customized in its color from here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_progress_bar-1024x543.png) ## Custom Container Width Custom width for the website's main container can be set for different devices. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_custom_container_width-1024x540.png) ## **Style Settings** From Appearance-> Customize->Theme settings-> **Style Settings**, you can change font family, color, font size, enable dark mode and also heading fonts, etc. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_style-1024x464.png) ## **Menu Style Settings** From Appearance-> Customize->Theme settings-> **Menu Style Settings**, you can change menu background color, menu text and hover color, menu/submenu item's font size, and font family. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_general_menu_style-1024x540.png) ## **Header Settings** !!! For our Niche demo (Personal Blog, Covid-19, Food Recipe, and Newspaper), use ElementsKit's Header Footer Builder from [here.](https://themewinter.com/docs/themes/theme-docs/digiqole/theme-customizer-7/#10-toc-title) From Appearance-> Customize->Theme settings-> **Header Settings**, you can set different header styles, and enable sticky header, topbar, Search button, and Social Share buttons. Different **Header Styles** can be set from here. !!! Don't enable the "Header Builder Enable" option if you have enabled the header/footer from ElementsKit > Header Footer option. It will automatically be set from ElementsKit. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_header_header_style-1024x540.png) Sticky header, topbar settings, Search button, and Social Share buttons option for theme header. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_header_header_style_2-1024x540.png) ## **ElementsKit Header Footer Builder** **Note:** Specific Header/ Footer If you want to select a specific header/footer for specific pages, you have to purchase the Elementskit pro plugin. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/11/specific_header-1024x417.png) To change and create a header footer builder go to ElementsKit >** Header Footer**. ### Header logo Settings To change the logo, navigate to ElementsKit > Header Footer > **Headers** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/logo-settings-1-1-1024x308.png) ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/logo-settings-2-1024x540.png) ### Header Mobile Logo ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/header-logo2-1024x540.png) ### ElementsKit's Intro For ElementsKit's Header Footer builder, here is a quick introduction to the basics. [Quick ElementsKit Intro](https://www.youtube.com/embed/ECFC0QregXg?feature=oembed) ## **News Ticker Settings** From Appearance-> Customize->Theme settings-> **News Ticker Settings**, you can set the title, and navigation settings of the Newsticker widget. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_news_ticker-1024x540.png) ## **Blog Settings** From Appearance-> Customize-> Theme settings-> **Blog settings**, you can have the Category Archive page layout change option, feature post enable option, post meta information show option for the archive page, etc. **Category Template** Category archive layout can be changed from here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_category_template-1024x481.png) If the layout is not changed, check the layout override status from Blog Posts > Categories. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_category_override-1024x485.png) ## **Featured Post** Enable the option to stick the featured post to the top of the page. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_featured_post_1-1024x485.png) Make sure you have checked the post as featured from the post editing view. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_featured_post_2-1024x485.png) ## **Posts Meta Information** Options for showing blogs post meta information. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_posts_meta_1-1024x485.png) ## **Category Archive Title** Show or Hide category archive page title. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_archive_title-1024x485.png) ## **Readmore & Pagination** Readmore text and pagination placement settings ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_readmore_patination-1024x485.png) ## **Title Length Limit** Post title and description text length cropping option. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_post_title_desc_crop-1024x485.png) ## **Blog Single Settings** From Appearance-> Customize ->Theme settings -> **Blog Single Settings**, you can set the sticky sidebar, post layouts, and enable post meta options. ## **Sticky Sidebar** Blog Sticky Sidebar allows the sidebar to be sticky upon scroll. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_sticky_sidebar-1024x540.png) ## **Post Layout and Sidebar Layout** Post Layout and Sidebar Layout can be adjusted from here ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_header_layout-1024x540.png) ## **Post Meta Information** Popular post counter, single page post comment, post author and navigation show options can be controled from here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_post_meta-1024x485.png) ## **Related Post** Enable related post feature from here. Related post's will be shown based on the tags match. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_related_post-1024x485.png) ## **Social Share** Enable social share for the blog post. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_social_share_1-1024x485.png) Add the share platforms from the bottom of the blog single settings. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_social_share_2-1024x485.png) ## **Infinite Scroll** Enable infinite scrolling for the next posts show after single blog post and set the number of posts should be displayed. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_blog_single_infinite_scroll-1024x480.png) ## **Ads Settings Settings** From Appearance-> Customize ->Theme settings -> **Ads Settings Settings**, the ads banner image and Adsense code can be placed for tob panner and blog pages. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_ads_settings_1-1024x540.png) !!! Don't forget to add # if there is no link available for the ad banner image. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_ads_settings_2-1024x540.png) ## **Instagram Settings** From Appearance-> Customize ->Theme settings -> **Instagram Settings**, Instagram access information should be inserted. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_instagram_settings-1024x540.png) ## **Footer Settings** !!! For our Niche demo (Personal Blog, Covid-19, Food Recipe and Newspaper), use ElementsKit's Header Footer Builder from [here.](https://themewinter.com/docs/themes/theme-docs/digiqole/theme-customizer-7/#10-toc-title) From Appearance-> Customize ->Theme settings -> **Footer Settings **, Footer top settings, Mailchimp form shortcode, footer widgets, copyright information and colors can be changed. **Footer Top** section can be enabled and mailchimp shortcode placed from here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_footer_top-1024x540.png) **Footer** widgets property and background change option. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_footer_1-1-1024x540.png) **Footer Copyright and Back to Top** can be enabled from here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_footer_2-1-1024x540.png) ## **ElementsKit Footer Builder** For changing the footer contents, go to ElementsKit >** Header Footer** and edit the footer ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_ekit_footer_1-1024x504.png) ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_ekit_footer_2-1024x504.png) ## **AMP Settings** **AMP Plugin Setup** Official AMP plugin can be downloaded from wordpress [plugin repository](https://wordpress.org/plugins/amp/) ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_amp_plugin_1-1024x480.png) After installing and activating the plugin, it is required to enable AMP for Mobile versions. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_amp_plugin_2-1024x480.png) From Appearance-> Customize ->Theme settings -> **AMP Settings **, the basic settings for AMP as Header Logo, Header Menu, Topbar, Search, Footer Logo, Footer information's can be changed. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_amp_1.png) ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/theme_amp_2.png) ## **Dark & Light Mode Settings** From Appearance-> Customize ->Theme settings ->Style Settings -> **Show Dark/Light Icon?** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/07/dark_light-1024x416.png)