{"id":14568,"date":"2025-08-27T05:00:58","date_gmt":"2025-08-27T05:00:58","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=14568"},"modified":"2026-04-22T16:40:44","modified_gmt":"2026-04-22T16:40:44","password":"","slug":"block-level-custom-css","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/block-level-custom-css\/","title":{"rendered":"Applying Block-Level Custom CSS in Kadence Blocks"},"content":{"rendered":"\n<p><br>Kadence Blocks provides an easy way to apply <strong>block-level custom CSS<\/strong> directly inside the WordPress editor. This feature is available in the <strong>Row Layout<\/strong> and <strong>Section<\/strong> blocks under the <strong>Advanced tab<\/strong>.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_0a7806-71, .wp-block-kadence-advancedheading.kt-adv-heading14568_0a7806-71[data-kb-block=\"kb-adv-heading14568_0a7806-71\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_0a7806-71 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_0a7806-71[data-kb-block=\"kb-adv-heading14568_0a7806-71\"] 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-heading14568_0a7806-71 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_0a7806-71[data-kb-block=\"kb-adv-heading14568_0a7806-71\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading14568_0a7806-71 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_0a7806-71\"><strong>Steps to Add Block Level Custom CS<\/strong>S<\/h2>\n\n\n<style>.kb-row-layout-id14568_f335ba-78 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id14568_f335ba-78 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id14568_f335ba-78 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id14568_f335ba-78 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id14568_f335ba-78 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id14568_f335ba-78 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id14568_f335ba-78 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column14568_b571b0-20 > .kt-inside-inner-col,.kadence-column14568_b571b0-20 > .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-column14568_b571b0-20 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column14568_b571b0-20 > .kt-inside-inner-col{flex-direction:column;}.kadence-column14568_b571b0-20 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column14568_b571b0-20 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column14568_b571b0-20{position:relative;}@media all and (max-width: 1024px){.kadence-column14568_b571b0-20 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column14568_b571b0-20 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column14568_b571b0-20\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading14568_76f78a-47, .wp-block-kadence-advancedheading.kt-adv-heading14568_76f78a-47[data-kb-block=\"kb-adv-heading14568_76f78a-47\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_76f78a-47 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_76f78a-47[data-kb-block=\"kb-adv-heading14568_76f78a-47\"] 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-heading14568_76f78a-47 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_76f78a-47[data-kb-block=\"kb-adv-heading14568_76f78a-47\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading14568_76f78a-47 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_76f78a-47\">1. Select the Row or Section Block<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the Row Layout or Section block in the editor.<\/li>\n\n\n\n<li>Go to the <strong>Block settings<\/strong> sidebar on the right.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_ddbc98-78, .wp-block-kadence-advancedheading.kt-adv-heading14568_ddbc98-78[data-kb-block=\"kb-adv-heading14568_ddbc98-78\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_ddbc98-78 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_ddbc98-78[data-kb-block=\"kb-adv-heading14568_ddbc98-78\"] 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-heading14568_ddbc98-78 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_ddbc98-78[data-kb-block=\"kb-adv-heading14568_ddbc98-78\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading14568_ddbc98-78 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_ddbc98-78\">2. Navigate to Advanced tab<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the <strong>Advanced<\/strong> tab.<\/li>\n\n\n\n<li>Scroll down until you see the <strong>Custom CSS<\/strong> panel.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_087880-9e, .wp-block-kadence-advancedheading.kt-adv-heading14568_087880-9e[data-kb-block=\"kb-adv-heading14568_087880-9e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_087880-9e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_087880-9e[data-kb-block=\"kb-adv-heading14568_087880-9e\"] 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-heading14568_087880-9e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_087880-9e[data-kb-block=\"kb-adv-heading14568_087880-9e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading14568_087880-9e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_087880-9e\">3. Insert Your CSS<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inside the editor, you\u2019ll see a pre-filled keyword selector.<\/li>\n\n\n\n<li>Use <em><strong>selector<\/strong><\/em> as a placeholder. It automatically maps to the <strong>current block<\/strong> you\u2019re editing.<\/li>\n<\/ul>\n\n\n\n<p>Example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">selector {\n    background-color: #f5f5f5;\n    border-radius: 10px;\n    padding: 20px;\n}<\/code><\/pre>\n\n\n\n<p>This ensures that your CSS only applies to the selected block, without affecting other elements on the page.<br><\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column14568_93cb06-e1 > .kt-inside-inner-col,.kadence-column14568_93cb06-e1 > .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-column14568_93cb06-e1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column14568_93cb06-e1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column14568_93cb06-e1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column14568_93cb06-e1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column14568_93cb06-e1{position:relative;}@media all and (max-width: 1024px){.kadence-column14568_93cb06-e1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column14568_93cb06-e1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column14568_93cb06-e1\"><div class=\"kt-inside-inner-col\"><style>.kb-image14568_6161f3-e1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image14568_6161f3-e1 size-large\"><a href=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image-381x1024.png\" alt=\"\" class=\"kb-img wp-image-14569\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image-381x1024.png 381w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image-112x300.png 112w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image-571x1536.png 571w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image-190x512.png 190w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/image.png 690w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_77bdd7-8f, .wp-block-kadence-advancedheading.kt-adv-heading14568_77bdd7-8f[data-kb-block=\"kb-adv-heading14568_77bdd7-8f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_77bdd7-8f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_77bdd7-8f[data-kb-block=\"kb-adv-heading14568_77bdd7-8f\"] 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-heading14568_77bdd7-8f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_77bdd7-8f[data-kb-block=\"kb-adv-heading14568_77bdd7-8f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading14568_77bdd7-8f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_77bdd7-8f\"><strong><strong><strong>Example Use Case<\/strong><\/strong><\/strong>s<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_7f954e-a4, .wp-block-kadence-advancedheading.kt-adv-heading14568_7f954e-a4[data-kb-block=\"kb-adv-heading14568_7f954e-a4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_7f954e-a4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_7f954e-a4[data-kb-block=\"kb-adv-heading14568_7f954e-a4\"] 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-heading14568_7f954e-a4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_7f954e-a4[data-kb-block=\"kb-adv-heading14568_7f954e-a4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading14568_7f954e-a4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_7f954e-a4\">Targeting all Info Box blocks inside the specific Row or Section Block<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">selector .wp-block-kadence-infobox {\n    height: 100%;\n}<\/code><\/pre>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_b2d1d0-cd, .wp-block-kadence-advancedheading.kt-adv-heading14568_b2d1d0-cd[data-kb-block=\"kb-adv-heading14568_b2d1d0-cd\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_b2d1d0-cd mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_b2d1d0-cd[data-kb-block=\"kb-adv-heading14568_b2d1d0-cd\"] 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-heading14568_b2d1d0-cd img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_b2d1d0-cd[data-kb-block=\"kb-adv-heading14568_b2d1d0-cd\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading14568_b2d1d0-cd wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_b2d1d0-cd\">Targeting all Kadence Buttons (Adv) Block <\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">selector .kb-button:hover {\n  transform: scale(1.2);\n}<\/code><\/pre>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14568_583d11-2a, .wp-block-kadence-advancedheading.kt-adv-heading14568_583d11-2a[data-kb-block=\"kb-adv-heading14568_583d11-2a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_583d11-2a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_583d11-2a[data-kb-block=\"kb-adv-heading14568_583d11-2a\"] 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-heading14568_583d11-2a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_583d11-2a[data-kb-block=\"kb-adv-heading14568_583d11-2a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading14568_583d11-2a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14568_583d11-2a\"><strong><strong>Advantages of Using Block-Level CSS<\/strong><\/strong><\/h2>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items14568_6961b4-68:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items14568_6961b4-68 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items14568_6961b4-68 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items14568_6961b4-68 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items14568_6961b4-68 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items14568_6961b4-68 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-14568_21de98-9a .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-14568_21de98-9a\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Scoped Styling <\/strong>\u2013 CSS applies only to the specific Row or Section block, avoiding global overrides.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-14568_862953-24 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-14568_862953-24\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>No Child Theme Needed<\/strong> \u2013 You don\u2019t have to modify theme files or enqueue extra CSS.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-14568_067649-8c .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-14568_067649-8c\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Quick Testing<\/strong> \u2013 Ideal for designers who want to preview styling changes immediately.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-14568_2d2246-ec .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-14568_2d2246-ec\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Granular Control<\/strong> \u2013 Perfect for customizing specific sections without touching the entire page.<\/span><\/li>\n<\/ul><\/div>\n\n\n<style>.kadence-column14568_a04ec3-2b > .kt-inside-inner-col{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);}.kadence-column14568_a04ec3-2b > .kt-inside-inner-col{border-top:1px solid var(--global-palette3, #1A202C);border-right:1px solid var(--global-palette3, #1A202C);border-bottom:1px solid var(--global-palette3, #1A202C);border-left:1px solid var(--global-palette3, #1A202C);}.kadence-column14568_a04ec3-2b > .kt-inside-inner-col,.kadence-column14568_a04ec3-2b > .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-column14568_a04ec3-2b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column14568_a04ec3-2b > .kt-inside-inner-col{flex-direction:column;}.kadence-column14568_a04ec3-2b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column14568_a04ec3-2b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column14568_a04ec3-2b{position:relative;}@media all and (max-width: 1024px){.kadence-column14568_a04ec3-2b > .kt-inside-inner-col{border-top:1px solid var(--global-palette3, #1A202C);border-right:1px solid var(--global-palette3, #1A202C);border-bottom:1px solid var(--global-palette3, #1A202C);border-left:1px solid var(--global-palette3, #1A202C);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column14568_a04ec3-2b > .kt-inside-inner-col{border-top:1px solid var(--global-palette3, #1A202C);border-right:1px solid var(--global-palette3, #1A202C);border-bottom:1px solid var(--global-palette3, #1A202C);border-left:1px solid var(--global-palette3, #1A202C);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column14568_a04ec3-2b\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea, .wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea[data-kb-block=\"kb-adv-heading14568_5a6362-ea\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea[data-kb-block=\"kb-adv-heading14568_5a6362-ea\"]{display:flex;gap:0.25em;align-items:start;}.wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea[data-kb-block=\"kb-adv-heading14568_5a6362-ea\"] .kb-adv-heading-icon svg{width:1em;height:1em;}.wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea[data-kb-block=\"kb-adv-heading14568_5a6362-ea\"] .kb-adv-heading-icon{color:#f50202;padding-top:var(--global-kb-spacing-xxs, 0.5rem);}.wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea[data-kb-block=\"kb-adv-heading14568_5a6362-ea\"] 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-heading14568_5a6362-ea img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14568_5a6362-ea[data-kb-block=\"kb-adv-heading14568_5a6362-ea\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style><p class=\"kt-adv-heading14568_5a6362-ea wp-block-kadence-advancedheading kt-adv-heading-has-icon\" data-kb-block=\"kb-adv-heading14568_5a6362-ea\"><span class=\"kb-svg-icon-wrap kb-adv-heading-icon kb-svg-icon-ic_warning kb-adv-heading-icon-side-left\"><svg viewBox=\"0 0 8 8\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M3.09 0c-.06 0-.1.04-.13.09l-2.94 6.81c-.02.05-.03.13-.03.19v.81c0 .05.04.09.09.09h6.81c.05 0 .09-.04.09-.09v-.81c0-.05-.01-.14-.03-.19l-2.94-6.81c-.02-.05-.07-.09-.13-.09h-.81zm-.09 3h1v2h-1v-2zm0 3h1v1h-1v-1z\"\/><\/svg><\/span><span class=\"kb-adv-text-inner\"><strong>Best Practice:<\/strong> For repeated styles across multiple blocks or pages, place your CSS in the <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-do-i-add-custom-css\/\">Customizer\u2019s Additional CSS<\/a><\/strong> or your <strong>child theme stylesheet<\/strong> to keep things consistent and maintainable.<\/span><\/p><\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kadence Blocks provides an easy way to apply block-level custom CSS directly inside the WordPress editor. This feature is available in the Row Layout and Section blocks under the Advanced tab. Steps to Add Block Level Custom CSS 1. Select the Row or Section Block 2. Navigate to Advanced tab 3. Insert Your CSS Example:&#8230;<\/p>\n","protected":false},"author":116562,"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":[417],"doc_tag":[],"knowledge_base":[7],"class_list":["post-14568","docs","type-docs","status-publish","hentry","doc_category-block-tutorials","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":256,"total_views":"2751","reactions":{"happy":"2","normal":"0","sad":"1"},"author_info":{"display_name":"Bonn","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/bonnjoelelimanco\/"},"doc_category_info":[{"term_name":"Block Tutorials","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/block-tutorials\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":417,"label":"Block Tutorials"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/14568","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\/116562"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=14568"}],"version-history":[{"count":4,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/14568\/revisions"}],"predecessor-version":[{"id":14886,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/14568\/revisions\/14886"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=14568"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=14568"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=14568"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=14568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}