{"id":4530,"date":"2019-01-29T09:30:51","date_gmt":"2019-01-29T09:30:51","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=4530"},"modified":"2023-04-10T15:57:26","modified_gmt":"2023-04-10T15:57:26","slug":"kava-theme-customizer-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/kava-theme-customizer-overview\/","title":{"rendered":"Kava Theme Customizer Overview"},"content":{"rendered":"\n

Customizer<\/strong> is a built-in editor available within your theme, that helps you perform plenty of website-transforming tasks, using a very simple interface. The Kava<\/a> theme has lots of customization options, and its customizer stays on guard of your site managing capabilities. It is very convenient to use, and while working with it you see all the changes as if applied on a live desktop, tablet or mobile without actually applying them.<\/p>\n\n\n\n

How to access Customizer<\/h2>\n\n\n\n
\n

Firstly, log in to the WordPress Dashboard<\/strong> and navigate to the Appearance > Customize<\/em><\/strong> section. You\u2019ll be immediately taken to the theme\u2019s Customizer<\/strong>.<\/p>\n\n\n\n\"customizer\n\n\n\n

Another way to access customizer right from your website\u2019s frontend is to open the page you want to edit (e.g., your website\u2019s blog page) and then click the Customize<\/strong> option located on the top panel.<\/p>\n\n\n\n\"customize\n<\/div><\/div>\n\n\n\n

Customization of the basic website\u2019s appearance settings<\/h2>\n\n\n\n
\n

Site Identity<\/h3>\n\n\n\n

Here you can select a logo<\/strong> of your site, change the title<\/strong> and tagline<\/strong>. In this section, you can choose whether you need to use Show tagline on the top panel<\/strong>, Show ToTop button<\/strong>, Show page preloader<\/strong> options, and then tick them to enable the ones needed.<\/p>\n\n\n\n\"site\n\n\n\n

General Site Settings<\/h3>\n\n\n\n

Here you can set a Favicon<\/strong> which will represent your site and will adorn the tab of the site in your browser.<\/p>\n\n\n\n\"general\n\n\n\n

Also, you can enable or disable Breadcrumbs<\/strong>, choose the area where breadcrumbs are to be placed and select the breadcrumbs path (full or minified).<\/p>\n\n\n\n

In this block, you can as well choose whether to show Social links<\/strong> in header and footer.<\/p>\n\n\n\n

Moreover, you can change Page layout<\/strong> and choose how the container should be shown – full width or boxed, and select a sidebar width.<\/p>\n\n\n\n

Color, background and typography customization<\/h2>\n<\/div><\/div>\n\n\n\n
\n

Colors<\/h3>\n\n\n\n

Here you can set up the body background color<\/strong> of the template. It is fun to hold the mouse button and drag to various colors and see the site view immediately.<\/p>\n\n\n\n

Background Image<\/h3>\n\n\n\n

This feature provides an opportunity to set a background image to the body template.<\/p>\n\n\n\n\"background\n\n\n\n

Color scheme<\/h3>\n\n\n\n

This feature allows you to configure the elements color scheme on your site: here you can set the color of accents, text, links, and headings. You can play with colors and change your site\u2019s style, relying on your aesthetic sense.<\/p>\n\n\n\n

Typography<\/h3>\n\n\n\n

Here you can configure any typographical element of your site: the body text, H1-H6 headings, logo text, menu, breadcrumbs, and buttons fonts.<\/p>\n\n\n\n

There are a lot of fonts to choose from. Additionally, you can set the typography properties, such as font style, weight, and size, etc.<\/p>\n\n\n\n\"typography\n<\/div><\/div>\n\n\n\n