{"id":160,"date":"2021-10-18T09:50:08","date_gmt":"2021-10-18T09:50:08","guid":{"rendered":"http:\/\/wappoblog.lndo.site\/?post_type=docs_wappo&#038;p=160"},"modified":"2021-10-18T13:15:24","modified_gmt":"2021-10-18T13:15:24","slug":"wordpress-custom-css","status":"publish","type":"docs_wappo","link":"http:\/\/wappoblog.lndo.site\/docs\/wordpress-custom-css\/","title":{"rendered":"Adding custom CSS rules in WordPress"},"content":{"rendered":"\n<p>When building your website with WordPress, you will install different plugins to cover all of the functionalities you need. <\/p>\n\n\n\n<p>WordPress is perfect for that since it has more than 60 000 plugins available from <a href=\"https:\/\/wordpress.org\/plugins\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">its repository<\/a>. Now it comes at a cost, somehow you&#8217;re going to need to find ways for each plugin you install on your site to play along well with each other.<\/p>\n\n\n\n<p>Often you&#8217;re going to need to <a href=\"http:\/\/wappoblog.lndo.site\/docs\/css-plugins-conflict\/\" type=\"docs_wappo\" id=\"161\" class=\"broken_link\">write some custom CSS rules<\/a>, so that your theme appears exactly the way you want. <\/p>\n\n\n\n<p>In order to do that you can use WordPress&#8217; Customizer.<\/p>\n\n\n\n<p>When you are connected to the backend of your WordPress&#8217; site:<\/p>\n\n\n\n<ul><li>click <strong>Appearance &gt; Customize<\/strong><\/li><li>Then click <strong>Additional CSS<\/strong><\/li><li>Then enter the CSS rule you&#8217;ve carefully crafted<\/li><li>And hit <strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<p>That was easy wasn&#8217;t it?<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/go_to_customizer.png\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"180\" src=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/go_to_customizer.png\" alt=\"\" data-id=\"173\" data-full-url=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/go_to_customizer.png\" data-link=\"http:\/\/wappoblog.lndo.site\/?attachment_id=173\" class=\"wp-image-173\" srcset=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/go_to_customizer.png 536w, http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/go_to_customizer-300x101.png 300w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Go to Customizer<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_toolbar.png\"><img loading=\"lazy\" decoding=\"async\" width=\"863\" height=\"596\" src=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_toolbar.png\" alt=\"\" data-id=\"172\" data-full-url=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_toolbar.png\" data-link=\"http:\/\/wappoblog.lndo.site\/?attachment_id=172\" class=\"wp-image-172\" srcset=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_toolbar.png 863w, http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_toolbar-300x207.png 300w, http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_toolbar-768x530.png 768w\" sizes=\"(max-width: 863px) 100vw, 863px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">The customizer show<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_adding_css.png\"><img loading=\"lazy\" decoding=\"async\" width=\"836\" height=\"408\" src=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_adding_css.png\" alt=\"\" data-id=\"170\" data-full-url=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_adding_css.png\" data-link=\"http:\/\/wappoblog.lndo.site\/?attachment_id=170\" class=\"wp-image-170\" srcset=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_adding_css.png 836w, http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_adding_css-300x146.png 300w, http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_adding_css-768x375.png 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Customizer additional css panel<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_applied_rule.png\"><img loading=\"lazy\" decoding=\"async\" width=\"767\" height=\"375\" src=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_applied_rule.png\" alt=\"\" data-id=\"171\" data-full-url=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_applied_rule.png\" data-link=\"http:\/\/wappoblog.lndo.site\/?attachment_id=171\" class=\"wp-image-171\" srcset=\"http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_applied_rule.png 767w, http:\/\/wappoblog.lndo.site\/wp-content\/uploads\/2021\/10\/customizer_applied_rule-300x147.png 300w\" sizes=\"(max-width: 767px) 100vw, 767px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">New css rules are applied<\/figcaption><\/figure><\/li><\/ul><\/figure>\n","protected":false},"template":"","tags":[],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Ben","author_link":"http:\/\/wappoblog.lndo.site\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"When building your website with WordPress, you will install different plugins to cover all of the functionalities you need. WordPress is perfect for that since it has more than 60 000 plugins available from its repository. Now it comes at a cost, somehow you&#8217;re going to need to find ways for each plugin you install&hellip;","_links":{"self":[{"href":"http:\/\/wappoblog.lndo.site\/wp-json\/wp\/v2\/docs_wappo\/160"}],"collection":[{"href":"http:\/\/wappoblog.lndo.site\/wp-json\/wp\/v2\/docs_wappo"}],"about":[{"href":"http:\/\/wappoblog.lndo.site\/wp-json\/wp\/v2\/types\/docs_wappo"}],"wp:attachment":[{"href":"http:\/\/wappoblog.lndo.site\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wappoblog.lndo.site\/wp-json\/wp\/v2\/tags?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}