{"id":1090,"date":"2020-11-16T11:06:07","date_gmt":"2020-11-16T11:06:07","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=1090"},"modified":"2022-07-22T14:11:46","modified_gmt":"2022-07-22T14:11:46","password":"","slug":"how-do-i-add-custom-css","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-do-i-add-custom-css\/","title":{"rendered":"How do I add Custom CSS"},"content":{"rendered":"\n<p>WordPress comes with an easy, built-in way to add custom CSS (Cascading Style Sheets) in the Customizer.<\/p>\n\n\n\n<p>To add custom CSS markup, go to your WordPress admin, and Appearance > Customize.<\/p>\n\n\n\n<p>Click on the <strong>Additional CSS<\/strong> section, place your custom CSS code in the text area, and hit Publish.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/additional-css-wordpress-customizer.png\" alt=\"Additional CSS section in WordPress Customizer\" class=\"wp-image-604\" width=\"269\" height=\"689\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/adding-custom-css-wordpress.png\" alt=\"Adding custom CSS\" class=\"wp-image-605\" width=\"269\" height=\"689\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Note: In the above screenshot<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">body {\n\tbackground-color: #ddd;\n}<\/code><\/pre>\n\n\n\n<p>is only provided as an example. You will have to add the CSS needed for your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress comes with an easy, built-in way to add custom CSS (Cascading Style Sheets) in the Customizer. To add custom CSS markup, go to your WordPress admin, and Appearance > Customize. Click on the Additional CSS section, place your custom CSS code in the text area, and hit Publish. Note: In the above screenshot is&#8230;<\/p>\n","protected":false},"author":1265,"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":[394],"doc_tag":[],"knowledge_base":[6],"class_list":["post-1090","docs","type-docs","status-publish","hentry","doc_category-theme-general","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":73,"total_views":"11200","reactions":{"happy":"1","normal":"1","sad":"2"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"General WordPress","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-general\/"}],"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":394,"label":"General WordPress"}],"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\/1090","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\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=1090"}],"version-history":[{"count":3,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1090\/revisions"}],"predecessor-version":[{"id":14880,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1090\/revisions\/14880"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=1090"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=1090"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=1090"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=1090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}