By adding some custom CSS to your website, you will be able to be different in look, feel and can improve the user experience!<\/p>\n
How To Add Additional CSS In WordPress<\/h2>\n
First of all, log in to your WordPress admin dashboard. Under the appearance menu, you can see the customizer.<\/p>\n
![\"How](\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/wordpress-css-customizer.png\" "\\"wordpress")
<\/p>\n
Open it and go to the additional CSS editor.<\/p>\n
![\"additional](\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/add-additional-wp-css.png\" "\\"add")
<\/p>\n
Like we said above, we are going to show you that how can you change the h2 color through additional CSS. Open any post which got a heading 2 tag.<\/p>\n
![\"heading](\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/h2-tag-in-wordpress-post.png\" "\\"h2")
<\/p>\n
Enter the CSS code something like below.<\/p>\n
\r\nh2 {\r\ncolor: #ff0000;\r\nfont-size: 28px;\r\nfont-weight: 600;\r\n}\r\n<\/pre>\nOnce you added above code in your\u00a0additional CSS field, you can see the live action on the preview screen. If you are happy with the styling, publish the changes.<\/p>\n
![\"additional](\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/heading-2-tag-css.png\" "\\"heading")
<\/p>\n
For customizing your website body, you may want to consider adding the CSS something like;<\/p>\n
\r\nbody {\r\nfont-size: 15px;\r\nfont-weight: 400;\r\n}\r\n<\/pre>\nDon’t forget to publish the changes after tweaking the code with your own needs.<\/p>\n
Does It Affect Physically?<\/h2>\n
No. The code will not be added to the theme’s style.css file physically. That will stay as the real. If you need to edit the style.css and add code, find the class of elements and edit the existing styles.<\/p>\n
![\"h2](\"https:\/\/awpguide.com\/wp-content\/uploads\/2018\/10\/h2-styling-in-style-css-file.png\" "\\"h2")
<\/p>\n
Using a Child Theme<\/h2>\n
Using a plugin called Child themify, you will be able to create a child theme<\/a>. Add the custom CSS on the child theme’s CSS file. You can see the effect on\u00a0the front end.<\/p>\nIf you are using any caching plugin, you may want to consider clearing your website cache. In some cases, you may also want to clear your browser cache. Or, try the website on incognito mode.<\/p>\n
We hope you found this post helpful and enjoyed the read. If you did, please consider sharing this post with your friends and fellow bloggers on social media. From our blog section<\/a>, you will get more related WordPress tutorials.<\/p>\n","protected":false},"excerpt":{"rendered":"Do you want to customize the website by adding additional CSS? Last day one of our users asked that how … <\/p>\n