How to Add Custom CSS Code Without Editing Theme Files?

No results found. Try again with different words?

Search must be at least 3 characters.

    How to Add Custom CSS Code Without Editing Theme Files?

    Sometimes you may find yourself needing to add Custom CSS in your WordPress site. There are easier ways to add CSS on your site. In this article, we will show you how to add custom CSS to your WordPress site without editing any theme files.

    In Customizer

    Since WordPress 4.7, users can now add custom CSS directly inside the Customizer which you can find in Customize → Additional CSS. This is super-easy and you would be able to see your changes with a live preview instantly.

    It should be noted that the CSS added in this area is theme-specific, so if you switch themes, you’ll lose your CSS.

    Using external plugin

    Use the external plugin like Simple Custom CSS to add custom CSS.

    Using a Child Theme

    If you’re already using a child theme, you can use the style.css file to add your custom CSS. Read How to edit style.css in the child theme?

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    [EXTENDED] Cyber Monday Sale

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    Don't Miss Our Biggest Discount

    ***LIMITED TIME ONLY***

    100% Unconditional Money-back Guarantee

    Purchase today & lock in your deal!

    Scroll to Top
    Now choose your preferred
    page builder addon
    Choose your preferred page builder addon

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.