--- title: Theme Customizer description: "--- Navigate to **Appearance > Customize** for Theme's customizer settings. ## **General Settings** #### **Preloader** Navigate to Appearance > Customize > Theme Settings > General Settings for the **Preloader settings**. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-preloader-1024x441.png) ## **Style Settings** From Appearance-> Customize->Theme settings-> **Style Settings **, you can change…" url: "https://themewinter.com/docs/themes/theme-docs/qoxag/theme-customizer-4/" updated: "2022-11-17" category: Qoxag --- # Theme Customizer --- Navigate to **Appearance > Customize** for Theme's customizer settings. ## **General Settings** #### **Preloader** Navigate to Appearance > Customize > Theme Settings > General Settings for the **Preloader settings**. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-preloader-1024x441.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. ![Style Settings](http://demo.themewinter.com/wp/docs/qoxag/images/customizer/theme_general_style.png) ## **ElementsKit Header Footer Builder** `!!! In our demo, we are using the Elementskit header footer. You can edit the header footer from here.` `!!! Don't need to enable the "Header Builder Enable" option form the customizer if you have enabled the header/footer from ElementsKit > Header Footer option.` `It will automatically be set from ElementsKit.` **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) ##### ElementsKit Template To change and create header footer builder go to ElementsKit >** Header Footer** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/09/ekit_header-1024x469.png) --- --- ##### ElementsKit Headers ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/09/ekit_header_edit-1024x413.png) Edit the header with Elementor and change the Elements by clicking on the Element. ![Ekit Header](http://demo.themewinter.com/wp/docs/qoxag/images/ekit-header-footer/ekit-header-2.png) Tutorial for creating headers with ElementsKit. [How to make header with ElementsKit | Wpmet](https://www.youtube.com/embed/6zBgnMa6Gtg?feature=oembed) ##### Header logo Settings For change logo, navigate to ElementsKit > Header Footer > **Headers** ![](http://demo.themewinter.com/wp/docs/qoxag/images/ekit-header-footer/logo-settings-1.png) ![](http://demo.themewinter.com/wp/docs/qoxag/images/ekit-header-footer/logo-settings-2.png) ##### Header Mobile Logo ![](http://demo.themewinter.com/wp/docs/qoxag/images/ekit-header-footer/header-logo2.png) ##### Mega Menu Settings For creating megamenus, navigate to Dashboard> Appearence> Menus> Select your menus and enable the Elementskit Megamenu. For settings the megamenu item, click here. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-megamenu-1024x375.png) See in the video [Create mega menu using Megamenu Plugins.](https://www.youtube.com/embed/PHA5ZppoRC0?feature=oembed) ##### ElementsKit Footers ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/09/ekit_footer_edit-1024x424.png) Edit the footer with Elementor and change the Elements by clicking on the Element. ![Ekit Footer](http://demo.themewinter.com/wp/docs/qoxag/images/ekit-header-footer/ekit-footer-2.png) Tutorial for creating footers with ElementsKit. [How to make footer with ElementsKit on your Elementor webpage | Elementskit | All in one Addons](https://www.youtube.com/embed/wkPFL1thw0s?feature=oembed) ## **Banner Settings** Navigate to **Appearance > Customize > Theme Settings > Banner Settings** for Theme's banner settings. ![Theme banner settings](http://demo.themewinter.com/wp/docs/qoxag/images/customizer/customizer-banner.png) #### **Logo** !!! For changing the logo, click [here](https://themewinter.com/docs/themes/docs/theme-customizer-4/#6-toc-title). #### **Breadcrumb** Single blog page, category archive page's breadcrumb options. ![Theme breadcrumb settings](http://demo.themewinter.com/wp/docs/qoxag/images/customizer/theme_general_breadcrumb.png) ## **Category Settings** From Appearance-> Customize-> Theme settings-> **Category Settings**, you can change the category layout. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/11/qoxag_cat_layout-1024x510.png) You can set the specific layout for specific category form here. This layout override the global layout that is set from the customization option. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/11/single_cat_layout-1024x604.png) ## **Blog Settings** From Appearance-> Customize-> Theme settings-> **Blog settings**, you can change the Posts Meta Information such as **Sidebar, Blog sticky sidebar, Blog author, Blog Date Show, Category Show, View Count Show, Reading Time Show, Title Length (Archive Page), Show Description, Show Review Rating, Number of Categories** for the blog pages. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/11/qoxag_blog_settings-1024x548.png) ## **Blog Single Settings** From Appearance-> Customize ->Theme settings -> **Blog Single Settings**, you can set the**Post Header Layout, Sidebar, Blog Author, Blog date show, Category show, Comments Show, View Count Show, Reading Time SHow, Font Zoom In/Out, Print Option, Category On Top, Number of Categories, Blog Related post, title, subtitle, post count, Blog social share, Infinity Scroll, Tag show** for the blog single post. ![Blog Single Post Meta](http://demo.themewinter.com/wp/docs/qoxag/images/customizer/theme_blog_single_post_meta.png) **Related Post** Enable related post feature from here. Related post's will be shown based on the tags match. ![Blog Single Related Post](http://demo.themewinter.com/wp/docs/qoxag/images/customizer/theme_blog_single_related_post.png) ##### **Infinity Scroll** Infinity scroll for the single post, active from the customize option. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-infinityscroll-img-blog-1024x458.png) Infinity scroll ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-infinityscroll-blogpage-min-min.gif) ## **Sticky Content/ Sidebar** For settings the sticky sidebar, navigate to Dashboard> Appearence> Customize> Theme Settings> Blog Settings and Blog Sticky Sidebar. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-sticky-sidebar-1024x485.png) ## **Box layout Settings** For settings the body box layout, navigate to Dashboard> Appearence> Customize> Theme Settings> Style Settings and select body box layout. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-boxlayout-1024x469.png) ## **Reading Progress Bar** For settings the sticky sidebar, navigate to Dashboard> Appearence> Customize>Theme Settings> General Settings and enable the reading progressbar. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/06/qoxag-progressbar-1024x548.png)