{"id":5,"date":"2021-12-21T17:51:34","date_gmt":"2021-12-21T17:51:34","guid":{"rendered":"https:\/\/wpconfidence.co\/?p=5"},"modified":"2023-08-01T15:14:03","modified_gmt":"2023-08-01T15:14:03","slug":"how-to-add-css-in-wordpress","status":"publish","type":"post","link":"https:\/\/wpconfidence.co\/blog\/how-to-add-css-in-wordpress\/","title":{"rendered":"How to Add CSS in WordPress"},"content":{"rendered":"\n

CSS<\/strong> or Cascading Style Sheet<\/strong> is the coding language that styles your website.<\/p>\n\n\n\n

If you want to customize the design of your WordPress theme, then editing the HTML<\/a> or adding CSS is the answer.<\/p>\n\n\n\n

In this post, I’ll show you how to add CSS in WordPress.<\/p>\n\n\n\n

Method 1: Using the Theme Customizer<\/h2>\n\n\n\n

You can add CSS in WordPress using the customizer.<\/p>\n\n\n\n

To get to this option, navigate to “Appearance<\/strong>” and then “Customize<\/strong>” in the WordPress admin.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

A new window\/tab will open where you’ll see the customizer and theme options, including where you can add your custom CSS.<\/p>\n\n\n\n

Click on “Additional CSS<\/strong>“<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

This is where you can add CSS to change the style of your theme.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Once you’re done adding your custom CSS, click “Publish<\/strong>“.<\/p>\n\n\n\n

NOTE<\/strong>: If this is the option you decide to take and then you want to change themes in the future, make sure you copy the CSS you use so you can it on your new theme as this option only saves the CSS for the currently active theme.<\/p>\n\n\n\n

Method 2: Using a WordPress Plugin<\/h2>\n\n\n\n

If for whatever reason you’d rather not use the above method, don’t sweat it.<\/p>\n\n\n\n

You can use a plugin to add CSS instead.<\/p>\n\n\n\n

Goto “Plugins<\/strong>” and “Add New<\/strong>” in the WordPress admin and type “simple custom css<\/strong>” or you can download Simple Custom CSS<\/a> from the WordPress plugin directory.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Install and activate the plugin and then navigate to “Appearance<\/strong>” > “Custom CSS<\/strong>“.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

You will then be presented with the plugin screen where you can enter your custom CSS code to customize your design.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Save your CSS code by clicking the Update Custom CSS button.<\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

Using the plugin option is handy if you want to change your theme as the settings are saved in the plugin, so you won’t lose your changes.<\/p>\n\n\n\n

Note that even though the CSS code is saved in the plugin, if you change themes, your old CSS might not work with the new theme, so you’ll need to update the code to match the selectors.<\/p>\n\n\n\n

Photo by Nick Karvounis<\/a> on Unsplash<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

CSS or Cascading Style Sheet is the coding language that styles your website. If you want to customize the design of your WordPress theme, then editing … <\/p>\n

Continue Reading<\/a><\/p>\n","protected":false},"author":2,"featured_media":69,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[8,7,18],"acf":[],"_links":{"self":[{"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/posts\/5"}],"collection":[{"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":5,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/posts\/5\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/posts\/5\/revisions\/178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/media\/69"}],"wp:attachment":[{"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/media?parent=5"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/categories?post=5"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpconfidence.co\/wp-json\/wp\/v2\/tags?post=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}