{"id":10631,"date":"2024-02-28T15:37:05","date_gmt":"2024-02-28T09:37:05","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/jobi-wordpress-theme\/frequently-asked-questions\/how-to-apply-custom-css-code\/"},"modified":"2024-02-28T15:37:05","modified_gmt":"2024-02-28T09:37:05","slug":"how-to-apply-custom-css-code","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/jobi-wordpress-theme\/frequently-asked-questions\/how-to-apply-custom-css-code\/","title":{"rendered":"How to apply custom CSS code"},"content":{"rendered":"\n<p>You have the flexibility to apply your unique custom CSS code to the Docy theme, and rest assured, your customizations will persist even when the theme undergoes updates.<\/p>\n\n\n\n<p>To add your custom CSS code:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to [direction]Appearance &gt; Customize &gt; Additional CSS[\/direction].<\/li>\n\n\n\n<li>Once in the theme customizer screen, select the &#8220;Additional CSS&#8221; option.<\/li>\n\n\n\n<li>Paste your custom CSS code into the provided space.<\/li>\n\n\n\n<li>Ensure to click on &#8220;Publish&#8221; or &#8220;Update&#8221; to save your changes.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Apply Custom CSS in WordPress | Step-by-Step Guide to Adding Custom CSS\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/cDdRyq5RJdk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Tip:<\/h2>\n\n\n\n<p>If your CSS doesn\u2019t seem to apply, add <code>!important<\/code> at the end of the property:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>h1 {\n  color: red !important;\n}<\/code><\/pre>\n\n\n\n<p>This straightforward process allows you to tailor the Docy theme according to your preferences while maintaining the durability of your custom CSS code across theme updates.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Applying custom CSS to the Docy theme is simple: go to Appearance &gt; Customize &gt; Additional CSS, paste your code, and publish. Your changes stay safe through updates. For stubborn styles, use !important. Personalize your site easily with these steps.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":10610,"menu_order":20,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-10631","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/10631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=10631"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/10631\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/10610"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=10631"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=10631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}