AWPGuide

Beginner's Guide For WordPress

  • Blog
    • Monetization
    • Reviews
    • Showcase
    • WordPress Guides
    • ScanWP
  • Start Here
  • Deals
  • Blueprint

Last Updated On October 18, 2018 By Christina

AWPGuide » WordPress Guides » How To Add Additional CSS In WordPress

How To Add Additional CSS In WordPress

How To Add Additional CSS In WordPress

Do you want to customize the website by adding additional CSS? Last day one of our users asked that how we added color to our heading 2 tags. In this post, we will show you that how can you add additional CSS in WordPress.

Table Of Contents

  • When Do You Need To Add Additional CSS?
  • How To Add Additional CSS In WordPress
  • Does It Affect Physically?
  • Using a Child Theme

When Do You Need To Add Additional CSS?

Most folks are using ready-made WordPress themes for their websites. WordPress theme store like HappyThemes, StudioPress, and MyThemeShop got awesome designs. But the fact is, all those websites will look similar and feel similar.

By adding some custom CSS to your website, you will be able to be different in look, feel and can improve the user experience!

How To Add Additional CSS In WordPress

First of all, log in to your WordPress admin dashboard. Under the appearance menu, you can see the customizer.

How To Add Additional CSS In WordPress

Open it and go to the additional CSS editor.

additional CSS in wordpress

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.

heading 2 tag in wordpress posts and pages

Enter the CSS code something like below.

h2 {
color: #ff0000;
font-size: 28px;
font-weight: 600;
}

Once you added above code in your additional CSS field, you can see the live action on the preview screen. If you are happy with the styling, publish the changes.

additional css for heading 2 tags

For customizing your website body, you may want to consider adding the CSS something like;

body {
font-size: 15px;
font-weight: 400;
}

Don’t forget to publish the changes after tweaking the code with your own needs.

Does It Affect Physically?

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.

h2 styling through style css file

Using a Child Theme

Using a plugin called Child themify, you will be able to create a child theme. Add the custom CSS on the child theme’s CSS file. You can see the effect on the front end.

If 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.

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, you will get more related WordPress tutorials.

Full Disclosure This post may contain affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission (at no additional cost to you). All opinions are our own and we do not accept payments for positive reviews.

About Christina

Christina is the lead editor in AWPGuide.
She will mainly write about WordPress tutorials, product reviews, monetization tricks, and related stuff.
Christina is led by Sreehari.

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let us have a personal and meaningful conversation.

Learn WordPress Now!

Never miss our updates! We are adding fresh contents daily!
Join our newsletter and learn WordPress now!

The Best of AWPGuide

We have the best guides here! Some of them are below!

Beginner's Guides

  • 1
    Media.net Review (and RPM Optimization Guide)
  • 2
    Grammarly Review: Free Proofreading Tool
  • 3
    Why You Need To Build an Email List?
  • 4
    How To Start a Free Blog on CloudAccess.net
  • 5
    Aspire pro Documentation and Setup
  • 6
    WP Engine Affiliate Program Review
  • 7
    How To Add Coupon Section In WordPress

Theme Reviews

  • 1
    Jupiter X WordPress Theme Review
  • 2
    Newsmag WordPress Theme Review
30% DISCOUNT
AWPGuide
voice wordpress theme

Voice Theme Coupon

Voice is one of the clean, modern magazines and blogging WordPress theme. Here, we are going to share a coupon which will give you a 30% discount on the theme!
Get This Deal

ABOUT AWPGUIDE

Finally we have launched AWPGuide blog! At this time of writing, we know, there are so many blogs are providing blogging and money making tips and tricks.

We are not like them! In AWPGuide, we will cover WordPress, blogging, SEO, make money online guides and will teach you how to start, maintain and monetize a WordPress blog.

All these guides will be 100% free and always it will be. We are not running a typical membership website for making money. Also, AWPGuide is free from display advertising, pop-up ads and URL shortner!

For more, feel free to check out our about page.

SITE LINKS

About Us

Advertise Here!

Contact Us

Free Blog Setup

Terms of Service

Write For Us!

Privacy Policy

Deals

OptinMonster Coupon

MyThemeShop Coupon

WPForms Coupon

Bluehost Coupon

CSS Hero Coupon

Social Warfare Coupon

REVIEWS

Genesis Framework

WP Coupons

WP Review Pro

Slider Revolution

Newsmag

Jupiter X

MonsterInsights

© 2023 · AWPGuide LLC