{"id":16138,"date":"2025-11-06T18:39:14","date_gmt":"2025-11-06T18:39:14","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=16138"},"modified":"2026-04-22T16:03:39","modified_gmt":"2026-04-22T16:03:39","password":"","slug":"theme-style-guide","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/theme-style-guide\/","title":{"rendered":"How to use the Kadence Theme Style Guide"},"content":{"rendered":"\n<p>The Kadence Theme features a built-in global <strong>Style Guide<\/strong> that provides an easy way to customize and preview your site\u2019s main design styles in one place. This includes your <strong>logo and tagline<\/strong>, <strong>Theme Color Palette<\/strong>, <strong>Typography<\/strong>, and <strong>Button Styles<\/strong>.<br><br>The Style Guide serves as a visual control center for your site\u2019s appearance, helping you ensure that color, typography, and the overall brand alignment are consistent. Any changes made in the Style Guide automatically apply across your entire site, creating a global design system without needing to edit individual blocks or pages.<\/p>\n\n\n<style>.kb-image16138_b8e2d3-82.kb-image-is-ratio-size, .kb-image16138_b8e2d3-82 .kb-image-is-ratio-size{max-width:700px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_b8e2d3-82.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_b8e2d3-82 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_b8e2d3-82 figure{max-width:700px;}.kb-image16138_b8e2d3-82 .image-is-svg, .kb-image16138_b8e2d3-82 .image-is-svg img{width:100%;}.kb-image16138_b8e2d3-82 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_b8e2d3-82\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1571\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-scaled.jpg\" alt=\"Style Guide Demo\" class=\"kb-img wp-image-16139\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-300x184.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-1024x629.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-768x471.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-1536x943.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-2048x1257.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Demo-360x221.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id16138_e20841-aa .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id16138_e20841-aa .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id16138_e20841-aa .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id16138_e20841-aa .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_3ef101-63, .wp-block-kadence-advancedheading.kt-adv-heading16138_3ef101-63[data-kb-block=\"kb-adv-heading16138_3ef101-63\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_3ef101-63 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_3ef101-63[data-kb-block=\"kb-adv-heading16138_3ef101-63\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_3ef101-63 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_3ef101-63[data-kb-block=\"kb-adv-heading16138_3ef101-63\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"getting-started\" class=\"kt-adv-heading16138_3ef101-63 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_3ef101-63\">Getting Started<\/h2>\n\n\n<style>.kb-row-layout-id16138_bfb446-64 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id16138_bfb446-64 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id16138_bfb446-64 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id16138_bfb446-64 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id16138_bfb446-64 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id16138_bfb446-64 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id16138_bfb446-64 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column16138_509726-10 > .kt-inside-inner-col,.kadence-column16138_509726-10 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_509726-10 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_509726-10 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_509726-10 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_509726-10 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_509726-10{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_509726-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_509726-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_509726-10\"><div class=\"kt-inside-inner-col\">\n<p>The Style Guide opens a live preview where you can see how your chosen colors, fonts, and buttons appear together before publishing your changes.<br><br>You can access the Style Guide from the <strong>Dashboard -&gt; Appearance -&gt;<\/strong> <strong>Customizer<\/strong> by clicking the <strong>Style Guide Icon<\/strong> at the top left corner.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column16138_65661b-22 > .kt-inside-inner-col,.kadence-column16138_65661b-22 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_65661b-22 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_65661b-22 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_65661b-22 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_65661b-22 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_65661b-22{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_65661b-22 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_65661b-22 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_65661b-22\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_8392c1-4a.kb-image-is-ratio-size, .kb-image16138_8392c1-4a .kb-image-is-ratio-size{max-width:250px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_8392c1-4a.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_8392c1-4a .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_8392c1-4a figure{max-width:250px;}.kb-image16138_8392c1-4a .image-is-svg, .kb-image16138_8392c1-4a .image-is-svg img{width:100%;}.kb-image16138_8392c1-4a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_8392c1-4a\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"614\" height=\"512\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Icon.jpg\" alt=\"Style Guide Icon\" class=\"kb-img wp-image-16055\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Icon.jpg 614w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Icon-300x250.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Icon-360x300.jpg 360w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>From here, you\u2019ll see a live preview of various theme styles. You can hover over any Style Guide item to quickly edit that specific setting. When hovering, a <strong>pencil icon<\/strong> will appear. Click it to open the corresponding setting directly in the Customizer.<\/p>\n\n\n<style>.kb-image16138_5dfc8b-e4.kb-image-is-ratio-size, .kb-image16138_5dfc8b-e4 .kb-image-is-ratio-size{max-width:650px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_5dfc8b-e4.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_5dfc8b-e4 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_5dfc8b-e4 figure{max-width:650px;}.kb-image16138_5dfc8b-e4 .image-is-svg, .kb-image16138_5dfc8b-e4 .image-is-svg img{width:100%;}.kb-image16138_5dfc8b-e4 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_5dfc8b-e4\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1241\" height=\"843\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Editing-the-Style-Guide.gif\" alt=\"Editing the Style Guide\" class=\"kb-img wp-image-16140\" \/><\/figure><\/div>\n\n\n\n<p>This makes it easy to visually adjust styles such as colors, typography, and buttons while immediately seeing how your changes affect the overall design of your site.<br><br>You can close the Style Guide by pressing the Style Guide Icon again or clicking on the X at the top right of the Customizer preview.<\/p>\n\n\n<style>.kb-image16138_6e4b82-30.kb-image-is-ratio-size, .kb-image16138_6e4b82-30 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_6e4b82-30.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_6e4b82-30 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_6e4b82-30 figure{max-width:600px;}.kb-image16138_6e4b82-30 .image-is-svg, .kb-image16138_6e4b82-30 .image-is-svg img{width:100%;}.kb-image16138_6e4b82-30 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_6e4b82-30\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2510\" height=\"1836\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide.jpg\" alt=\"Closing the Style Guide\" class=\"kb-img wp-image-16155\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide.jpg 2510w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide-300x219.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide-1024x749.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide-768x562.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide-1536x1124.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide-2048x1498.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Closing-the-Style-Guide-360x263.jpg 360w\" sizes=\"auto, (max-width: 2510px) 100vw, 2510px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_43b3f4-a8, .wp-block-kadence-advancedheading.kt-adv-heading16138_43b3f4-a8[data-kb-block=\"kb-adv-heading16138_43b3f4-a8\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_43b3f4-a8 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_43b3f4-a8[data-kb-block=\"kb-adv-heading16138_43b3f4-a8\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_43b3f4-a8 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_43b3f4-a8[data-kb-block=\"kb-adv-heading16138_43b3f4-a8\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_43b3f4-a8 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_43b3f4-a8\">The <strong>Style Guide<\/strong> consists of five main sections, each representing a key part of your site\u2019s global design system. When changing settings related to these sections, you will see a live representation in the Customizer preview Style Guide.<br><br> You can learn more about how each section works below.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_bd7ebf-dc, .wp-block-kadence-advancedheading.kt-adv-heading16138_bd7ebf-dc[data-kb-block=\"kb-adv-heading16138_bd7ebf-dc\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_bd7ebf-dc mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_bd7ebf-dc[data-kb-block=\"kb-adv-heading16138_bd7ebf-dc\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_bd7ebf-dc img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_bd7ebf-dc[data-kb-block=\"kb-adv-heading16138_bd7ebf-dc\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"site-title-and-logo\" class=\"kt-adv-heading16138_bd7ebf-dc wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_bd7ebf-dc\">Site Title &amp; Logo<\/h3>\n\n\n\n<p>The <strong>Site Title<\/strong> and <strong>Logo<\/strong> shown in the Style Guide pull directly from your Kadence Header settings. These elements represent your brand identity across the site.<br><br>To edit them, click the <strong>pencil icon<\/strong> next to either item, which will take you to the <strong>Header -&gt; Site Identity<\/strong> settings in the Customizer. From there, you can upload your logo, adjust its size, and edit the site title and tagline.<\/p>\n\n\n<style>.kb-row-layout-id16138_b0c138-7f > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id16138_b0c138-7f > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id16138_b0c138-7f > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);grid-template-columns:minmax(0, calc(40% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(60% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id16138_b0c138-7f > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id16138_b0c138-7f > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id16138_b0c138-7f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id16138_b0c138-7f alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column16138_283dd0-6f > .kt-inside-inner-col,.kadence-column16138_283dd0-6f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_283dd0-6f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_283dd0-6f > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_283dd0-6f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_283dd0-6f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_283dd0-6f{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_283dd0-6f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_283dd0-6f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_283dd0-6f\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading16138_5298e0-a2, .wp-block-kadence-advancedheading.kt-adv-heading16138_5298e0-a2[data-kb-block=\"kb-adv-heading16138_5298e0-a2\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_5298e0-a2 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_5298e0-a2[data-kb-block=\"kb-adv-heading16138_5298e0-a2\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_5298e0-a2 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_5298e0-a2[data-kb-block=\"kb-adv-heading16138_5298e0-a2\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_5298e0-a2 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_5298e0-a2\">Set a Logo Image and adjust the <strong>Logo Max Width<\/strong> setting to control the overall Size of the logo.<br><br>Use the <strong>Logo Layout<\/strong> settings to choose what you want to display: just the logo, the logo with your site title, or the full combo of logo, title, and tagline.<br><br>You\u2019ll also be able to choose how these things are positioned.<br><br>Use the <strong>Design Tab<\/strong> to gain access to more styling options, such as the <strong>Site<\/strong> <strong>Title<\/strong> <strong>Font<\/strong> and <strong>Padding<\/strong>.<\/p>\n\n\n<style>.kb-image16138_c4aef4-a3.kb-image-is-ratio-size, .kb-image16138_c4aef4-a3 .kb-image-is-ratio-size{max-width:150px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_c4aef4-a3.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_c4aef4-a3 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_c4aef4-a3 figure{max-width:150px;}.kb-image16138_c4aef4-a3 .image-is-svg, .kb-image16138_c4aef4-a3 .image-is-svg img{width:100%;}.kb-image16138_c4aef4-a3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_c4aef4-a3\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"1002\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Identity-Design-Settings.jpg\" alt=\"Site Identity Design Settings\" class=\"kb-img wp-image-16146\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Identity-Design-Settings.jpg 600w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Identity-Design-Settings-180x300.jpg 180w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Identity-Design-Settings-307x512.jpg 307w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column16138_f92eed-c8 > .kt-inside-inner-col,.kadence-column16138_f92eed-c8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_f92eed-c8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_f92eed-c8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_f92eed-c8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_f92eed-c8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_f92eed-c8{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_f92eed-c8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_f92eed-c8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_f92eed-c8\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_b5b868-c0 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image16138_b5b868-c0 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"999\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo-999x1024.jpg\" alt=\"Site title and logo\" class=\"kb-img wp-image-16145\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo-999x1024.jpg 999w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo-293x300.jpg 293w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo-768x787.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo-1499x1536.jpg 1499w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo-360x369.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-title-and-logo.jpg 1696w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_c674ba-43, .wp-block-kadence-advancedheading.kt-adv-heading16138_c674ba-43[data-kb-block=\"kb-adv-heading16138_c674ba-43\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_c674ba-43 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_c674ba-43[data-kb-block=\"kb-adv-heading16138_c674ba-43\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_c674ba-43 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_c674ba-43[data-kb-block=\"kb-adv-heading16138_c674ba-43\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_c674ba-43 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16138_c674ba-43\"><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/kadence-classic-header-items\/\">Learn more about the Kadence Header Items and their settings.<\/a><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_9d1fec-0c, .wp-block-kadence-advancedheading.kt-adv-heading16138_9d1fec-0c[data-kb-block=\"kb-adv-heading16138_9d1fec-0c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_9d1fec-0c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_9d1fec-0c[data-kb-block=\"kb-adv-heading16138_9d1fec-0c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_9d1fec-0c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_9d1fec-0c[data-kb-block=\"kb-adv-heading16138_9d1fec-0c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"site-icon\" class=\"kt-adv-heading16138_9d1fec-0c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_9d1fec-0c\">Site Icon<\/h3>\n\n\n\n<p>The <strong>Site Icon<\/strong> (favicon) uses the default <strong>WordPress Core Customizer setting<\/strong>. This icon appears in browser tabs, bookmarks, and mobile shortcuts.<br><br>To change it, click the <strong>pencil icon<\/strong> beside the site icon preview, or go to <strong>Customizer -&gt; Site Identity -&gt; Site Icon to upload your preferred image.<\/strong><\/p>\n\n\n<style>.kb-image16138_b64856-31.kb-image-is-ratio-size, .kb-image16138_b64856-31 .kb-image-is-ratio-size{max-width:650px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_b64856-31.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_b64856-31 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_b64856-31 figure{max-width:650px;}.kb-image16138_b64856-31 .image-is-svg, .kb-image16138_b64856-31 .image-is-svg img{width:100%;}.kb-image16138_b64856-31 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_b64856-31\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2406\" height=\"964\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings.jpg\" alt=\"Site Icon Settings\" class=\"kb-img wp-image-16151\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings.jpg 2406w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings-300x120.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings-1024x410.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings-768x308.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings-1536x615.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings-2048x821.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Site-Icon-Settings-360x144.jpg 360w\" sizes=\"auto, (max-width: 2406px) 100vw, 2406px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_a6481e-1c, .wp-block-kadence-advancedheading.kt-adv-heading16138_a6481e-1c[data-kb-block=\"kb-adv-heading16138_a6481e-1c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_a6481e-1c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_a6481e-1c[data-kb-block=\"kb-adv-heading16138_a6481e-1c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_a6481e-1c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_a6481e-1c[data-kb-block=\"kb-adv-heading16138_a6481e-1c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_a6481e-1c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_a6481e-1c\"><strong><strong>Recommended Size:<\/strong> <\/strong>Use an image 512 \u00d7 512 pixels or larger. WordPress will automatically generate the smaller sizes (16\u00d716, 32\u00d732, 48\u00d748, etc.) required by Google, browsers, and devices. Use a simple, recognizable design, and consider a transparent background for best results.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_b92ce7-13, .wp-block-kadence-advancedheading.kt-adv-heading16138_b92ce7-13[data-kb-block=\"kb-adv-heading16138_b92ce7-13\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_b92ce7-13 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_b92ce7-13[data-kb-block=\"kb-adv-heading16138_b92ce7-13\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_b92ce7-13 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_b92ce7-13[data-kb-block=\"kb-adv-heading16138_b92ce7-13\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"colors\" class=\"kt-adv-heading16138_b92ce7-13 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_b92ce7-13\">Colors (Color Palette)<\/h3>\n\n\n\n<p>The <strong>Colors<\/strong> section of the <strong>Style Guide<\/strong> displays your active <strong>Theme Color Palette<\/strong>, allowing you to see how your chosen colors work together across your site. You can click any color block to edit it directly or navigate to <strong>Customizer -&gt; Colors &amp; Fonts -&gt; Colors<\/strong>. <br><br>These global colors are used throughout your theme and are available within both Core and Kadence Blocks, creating a global design system. Any changes made here automatically update sitewide, including all locations where a color has previously been applied. Whether it was applied in the theme or a block.<\/p>\n\n\n<style>.kb-row-layout-id16138_5c265f-d3 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id16138_5c265f-d3 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id16138_5c265f-d3 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, calc(25% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(75% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id16138_5c265f-d3 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id16138_5c265f-d3 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id16138_5c265f-d3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id16138_5c265f-d3 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column16138_7a49f1-34 > .kt-inside-inner-col,.kadence-column16138_7a49f1-34 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_7a49f1-34 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_7a49f1-34 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_7a49f1-34 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_7a49f1-34 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_7a49f1-34{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_7a49f1-34 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_7a49f1-34 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_7a49f1-34\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_0d62a2-3c.kb-image-is-ratio-size, .kb-image16138_0d62a2-3c .kb-image-is-ratio-size{max-width:200px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_0d62a2-3c.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_0d62a2-3c .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_0d62a2-3c figure{max-width:200px;}.kb-image16138_0d62a2-3c .image-is-svg, .kb-image16138_0d62a2-3c .image-is-svg img{width:100%;}.kb-image16138_0d62a2-3c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_0d62a2-3c\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"614\" height=\"852\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Kadence-Color-Palette.jpg\" alt=\"Kadence Color Palette\" class=\"kb-img wp-image-16052\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Kadence-Color-Palette.jpg 614w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Kadence-Color-Palette-216x300.jpg 216w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Kadence-Color-Palette-360x500.jpg 360w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column16138_4c0b90-7f > .kt-inside-inner-col,.kadence-column16138_4c0b90-7f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_4c0b90-7f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_4c0b90-7f > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_4c0b90-7f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_4c0b90-7f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_4c0b90-7f{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_4c0b90-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_4c0b90-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_4c0b90-7f\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_9acbe4-ce .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_9acbe4-ce\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"941\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-1024x941.jpg\" alt=\"Style Guide\" class=\"kb-img wp-image-16056\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-1024x941.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-300x276.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-768x706.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-1536x1412.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-360x331.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide.jpg 1834w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_6011bf-32, .wp-block-kadence-advancedheading.kt-adv-heading16138_6011bf-32[data-kb-block=\"kb-adv-heading16138_6011bf-32\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_6011bf-32 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_6011bf-32[data-kb-block=\"kb-adv-heading16138_6011bf-32\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_6011bf-32 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_6011bf-32[data-kb-block=\"kb-adv-heading16138_6011bf-32\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_6011bf-32 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_6011bf-32\">The Kadence Color Palette is organized into four main groups, each serving a specific purpose:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Base (Background) Colors<\/strong> \u2013 Foundational colors used for page sections, cards, and general layout backgrounds. Provides subtle contrast and structure to your site.<\/li>\n\n\n\n<li><strong>Accent Colors<\/strong> \u2013 Brand-defining colors used for highlights, links, buttons, and interactive elements. Includes your main accent, alternate accent for hover\/active states, and a complementary accent for supporting tones.<\/li>\n\n\n\n<li><strong>Contrast Colors<\/strong> \u2013 Colors for text and interface elements that ensure readability and hierarchy. Includes the strongest, strong, medium, and subtle text colors.<\/li>\n\n\n\n<li><strong>Notices (Feedback) Colors<\/strong> \u2013 Colors for system feedback, alerts, and status messages, including success, info, alert, warning, and rating highlights.<\/li>\n<\/ul>\n\n\n\n<p>By understanding these groups, you can maintain balance and consistency in your design while quickly adjusting colors when needed.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_f6e380-73, .wp-block-kadence-advancedheading.kt-adv-heading16138_f6e380-73[data-kb-block=\"kb-adv-heading16138_f6e380-73\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_f6e380-73 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_f6e380-73[data-kb-block=\"kb-adv-heading16138_f6e380-73\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_f6e380-73 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_f6e380-73[data-kb-block=\"kb-adv-heading16138_f6e380-73\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_f6e380-73 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16138_f6e380-73\"><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-use-the-kadence-theme-color-palette\/\">Learn more about the Kadence Theme Color Palette settings.<\/a><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_30cbde-1f, .wp-block-kadence-advancedheading.kt-adv-heading16138_30cbde-1f[data-kb-block=\"kb-adv-heading16138_30cbde-1f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_30cbde-1f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_30cbde-1f[data-kb-block=\"kb-adv-heading16138_30cbde-1f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_30cbde-1f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_30cbde-1f[data-kb-block=\"kb-adv-heading16138_30cbde-1f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"typography\" class=\"kt-adv-heading16138_30cbde-1f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_30cbde-1f\">Typography<\/h3>\n\n\n\n<p>The <strong>Typography<\/strong> section lets you review and adjust your site-wide font styles for headings, body text, and other elements. Click any text example in the Style Guide to open the <strong>Customizer -&gt; Colors &amp; Fonts -&gt; Typography<\/strong> settings. <\/p>\n\n\n<style>.kb-image16138_a84b08-75.kb-image-is-ratio-size, .kb-image16138_a84b08-75 .kb-image-is-ratio-size{max-width:700px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_a84b08-75.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_a84b08-75 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_a84b08-75 figure{max-width:700px;}.kb-image16138_a84b08-75 .image-is-svg, .kb-image16138_a84b08-75 .image-is-svg img{width:100%;}.kb-image16138_a84b08-75 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_a84b08-75\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2518\" height=\"1832\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide.jpg\" alt=\"Typography Style Guide\" class=\"kb-img wp-image-16147\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide.jpg 2518w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide-300x218.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide-1024x745.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide-768x559.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide-1536x1118.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide-2048x1490.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Style-Guide-360x262.jpg 360w\" sizes=\"auto, (max-width: 2518px) 100vw, 2518px\" \/><\/figure><\/div>\n\n\n\n<p>Each heading type (<strong>H1<\/strong>, <strong>H2<\/strong>, <strong>H3<\/strong>, etc.) represents a global setting for that level of heading across your site. The <strong>Base Font<\/strong> controls standard text elements such as paragraphs, menu items, and other general body text. From here, you can customize font families, weights, sizes, and line heights for each text type accordingly.<\/p>\n\n\n<style>.kb-image16138_14c310-99.kb-image-is-ratio-size, .kb-image16138_14c310-99 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_14c310-99.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_14c310-99 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_14c310-99 figure{max-width:600px;}.kb-image16138_14c310-99 .image-is-svg, .kb-image16138_14c310-99 .image-is-svg img{width:100%;}.kb-image16138_14c310-99 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_14c310-99\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1253\" height=\"766\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Typography-Settings-Demo.gif\" alt=\"Typography Settings Demo\" class=\"kb-img wp-image-16148\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_de80db-a7, .wp-block-kadence-advancedheading.kt-adv-heading16138_de80db-a7[data-kb-block=\"kb-adv-heading16138_de80db-a7\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_de80db-a7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_de80db-a7[data-kb-block=\"kb-adv-heading16138_de80db-a7\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_de80db-a7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_de80db-a7[data-kb-block=\"kb-adv-heading16138_de80db-a7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_de80db-a7 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16138_de80db-a7\"><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/typography-and-setting-font-sizes-for-different-devices\/\">Learn more about the Kadence Theme Typography settings.<\/a><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_bfdeef-18, .wp-block-kadence-advancedheading.kt-adv-heading16138_bfdeef-18[data-kb-block=\"kb-adv-heading16138_bfdeef-18\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_bfdeef-18 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_bfdeef-18[data-kb-block=\"kb-adv-heading16138_bfdeef-18\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_bfdeef-18 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_bfdeef-18[data-kb-block=\"kb-adv-heading16138_bfdeef-18\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"buttons\" class=\"kt-adv-heading16138_bfdeef-18 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_bfdeef-18\">Buttons<\/h3>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_9cbc6e-31, .wp-block-kadence-advancedheading.kt-adv-heading16138_9cbc6e-31[data-kb-block=\"kb-adv-heading16138_9cbc6e-31\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_9cbc6e-31 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_9cbc6e-31[data-kb-block=\"kb-adv-heading16138_9cbc6e-31\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_9cbc6e-31 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_9cbc6e-31[data-kb-block=\"kb-adv-heading16138_9cbc6e-31\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_9cbc6e-31 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_9cbc6e-31\">The <strong>Buttons<\/strong> section of the Style Guide gives you a live preview of your global Kadence Theme Button Styles, allowing you to quickly visualize and refine how buttons appear across your entire site.<\/p>\n\n\n<style>.kb-image16138_1961ea-b5.kb-image-is-ratio-size, .kb-image16138_1961ea-b5 .kb-image-is-ratio-size{max-width:500px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_1961ea-b5.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_1961ea-b5 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_1961ea-b5 figure{max-width:500px;}.kb-image16138_1961ea-b5 .image-is-svg, .kb-image16138_1961ea-b5 .image-is-svg img{width:100%;}.kb-image16138_1961ea-b5 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_1961ea-b5\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2322\" height=\"1672\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons.jpg\" alt=\"Style Guide Buttons\" class=\"kb-img wp-image-16093\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons.jpg 2322w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons-300x216.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons-1024x737.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons-768x553.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons-1536x1106.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons-2048x1475.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Style-Guide-Buttons-360x259.jpg 360w\" sizes=\"auto, (max-width: 2322px) 100vw, 2322px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_68e207-88, .wp-block-kadence-advancedheading.kt-adv-heading16138_68e207-88[data-kb-block=\"kb-adv-heading16138_68e207-88\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_68e207-88 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_68e207-88[data-kb-block=\"kb-adv-heading16138_68e207-88\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_68e207-88 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_68e207-88[data-kb-block=\"kb-adv-heading16138_68e207-88\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_68e207-88 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16138_68e207-88\">Kadence provides three button style types: <strong>Base<\/strong>, <strong>Secondary<\/strong>, and <strong>Outline<\/strong>, which are used throughout your theme and can also be inherited by Kadence Blocks and Core Button Blocks.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Base Buttons<\/strong> \u2013 Your site\u2019s primary button style. These are used by default across standard theme buttons and provide the foundation for your global button design.<\/li>\n\n\n\n<li><strong>Secondary Buttons<\/strong> \u2013 An alternate button style designed for supporting actions. These are often used alongside a primary button (for example, \u201cLearn More\u201d next to \u201cGet Started\u201d) to create visual hierarchy.<\/li>\n\n\n\n<li><strong>Outline Buttons<\/strong> \u2013 A minimal button style that features a transparent background with a visible border. This style is ideal for subtle or secondary interactions that require less visual emphasis.<\/li>\n<\/ul>\n\n\n\n<p>Each button type can be customized for text color, background color, border, and hover states directly in <strong>Customizer \u2192 Colors &amp; Fonts \u2192 Buttons<\/strong>. You can also click on each button type within the <strong>Style Guide<\/strong> to open its specific settings in the Customizer.<\/p>\n\n\n<style>.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);}.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap{grid-template-columns:repeat(3, minmax(0, 1fr));}.kb-row-layout-id16138_8f8f3a-14 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap{grid-template-columns:repeat(3, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id16138_8f8f3a-14 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id16138_8f8f3a-14 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column16138_1c2073-44 > .kt-inside-inner-col,.kadence-column16138_1c2073-44 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_1c2073-44 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_1c2073-44 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_1c2073-44 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_1c2073-44 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_1c2073-44{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_1c2073-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_1c2073-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_1c2073-44\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_fa76d0-34.kb-image-is-ratio-size, .kb-image16138_fa76d0-34 .kb-image-is-ratio-size{max-width:200px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_fa76d0-34.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_fa76d0-34 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_fa76d0-34 figure{max-width:200px;}.kb-image16138_fa76d0-34 .image-is-svg, .kb-image16138_fa76d0-34 .image-is-svg img{width:100%;}.kb-image16138_fa76d0-34 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_fa76d0-34\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"1592\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Base-Button-Styles.jpg\" alt=\"Base Button Styles\" class=\"kb-img wp-image-16097\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Base-Button-Styles.jpg 600w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Base-Button-Styles-113x300.jpg 113w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Base-Button-Styles-386x1024.jpg 386w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Base-Button-Styles-579x1536.jpg 579w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Base-Button-Styles-193x512.jpg 193w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column16138_48d83d-07 > .kt-inside-inner-col,.kadence-column16138_48d83d-07 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_48d83d-07 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_48d83d-07 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_48d83d-07 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_48d83d-07 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_48d83d-07{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_48d83d-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_48d83d-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_48d83d-07\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_ce4049-bd.kb-image-is-ratio-size, .kb-image16138_ce4049-bd .kb-image-is-ratio-size{max-width:200px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_ce4049-bd.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_ce4049-bd .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_ce4049-bd figure{max-width:200px;}.kb-image16138_ce4049-bd .image-is-svg, .kb-image16138_ce4049-bd .image-is-svg img{width:100%;}.kb-image16138_ce4049-bd .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_ce4049-bd\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"1562\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Secondary-Button.jpg\" alt=\"Secondary Button\" class=\"kb-img wp-image-16099\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Secondary-Button.jpg 612w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Secondary-Button-118x300.jpg 118w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Secondary-Button-401x1024.jpg 401w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Secondary-Button-602x1536.jpg 602w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Secondary-Button-201x512.jpg 201w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column16138_42e6ec-53 > .kt-inside-inner-col,.kadence-column16138_42e6ec-53 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16138_42e6ec-53 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16138_42e6ec-53 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16138_42e6ec-53 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16138_42e6ec-53 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16138_42e6ec-53{position:relative;}@media all and (max-width: 1024px){.kadence-column16138_42e6ec-53 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16138_42e6ec-53 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16138_42e6ec-53\"><div class=\"kt-inside-inner-col\"><style>.kb-image16138_8c036e-51.kb-image-is-ratio-size, .kb-image16138_8c036e-51 .kb-image-is-ratio-size{max-width:200px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_8c036e-51.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16138_8c036e-51 .kb-image-is-ratio-size{align-self:unset;}.kb-image16138_8c036e-51 figure{max-width:200px;}.kb-image16138_8c036e-51 .image-is-svg, .kb-image16138_8c036e-51 .image-is-svg img{width:100%;}.kb-image16138_8c036e-51 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16138_8c036e-51\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"1444\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Outline-Button.jpg\" alt=\"Outline Button\" class=\"kb-img wp-image-16100\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Outline-Button.jpg 622w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Outline-Button-129x300.jpg 129w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Outline-Button-441x1024.jpg 441w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/11\/Outline-Button-221x512.jpg 221w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><br>Changes made here apply globally to theme buttons and are inherited by Kadence and Core button blocks for consistent design across your site.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16138_bab1b9-ee, .wp-block-kadence-advancedheading.kt-adv-heading16138_bab1b9-ee[data-kb-block=\"kb-adv-heading16138_bab1b9-ee\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16138_bab1b9-ee mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16138_bab1b9-ee[data-kb-block=\"kb-adv-heading16138_bab1b9-ee\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading16138_bab1b9-ee img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16138_bab1b9-ee[data-kb-block=\"kb-adv-heading16138_bab1b9-ee\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16138_bab1b9-ee wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16138_bab1b9-ee\"><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-style-buttons\/\">Learn more about the Kadence Theme Button settings.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Kadence Theme features a built-in global Style Guide that provides an easy way to customize and preview your site\u2019s main design styles in one place. This includes your logo and tagline, Theme Color Palette, Typography, and Button Styles. The Style Guide serves as a visual control center for your site\u2019s appearance, helping you ensure&#8230;<\/p>\n","protected":false},"author":148263,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[404],"doc_tag":[],"knowledge_base":[6],"class_list":["post-16138","docs","type-docs","status-publish","hentry","doc_category-theme-start","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":1098,"total_views":"6481","reactions":{"happy":"6","normal":"0","sad":"0"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-start\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":404,"label":"Getting Started"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=16138"}],"version-history":[{"count":9,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16138\/revisions"}],"predecessor-version":[{"id":16156,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16138\/revisions\/16156"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=16138"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=16138"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=16138"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=16138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}