Blog

WEBFI-WordPress-How to Easily Add Custom CSS to Your WordPress Site (2 Methods)



Customizing the design of your site can sometimes require you go add your own custom CSS in your WordPress site. If you are trying to use FTP to cusotmize the CSS on your site it can sometimes be too confusing for a new user. In this video we will show you how to add custom CSS to your WordPress site.

Text version of this tutorial
http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com

Our first method in this video is the default customizer in WordPress which is should be in all themes since 4.7.

Chanves made using this method are only available on the theme that is active at that time so you would want to save any changes you make with custom CSS.

For the secons method we will be using the Simple Custom CSS plugin to add the custom CSS to the site.

This is another method for adding your custom CSS that will stay between each theme that you activate.

Visit our text version of this video for a link to the plugin.

The third method we would recommend if you would like a powerful tool to help you would be CSS Hero.

All of these are viable ways to add custom CSS to your site to personalize the design.

source

19 Comments

  • Paula Unger on December 11, 2017

    This is very helpful! But is there any way for just uploading a CSS file to WordPress and just calling it with @ ?

  • Iqbal Hussain on December 18, 2017

    Right click on front-end any page then inspect and do your changes finally copy the chances to cpanel. That's it.

  • Wood Hughes on January 30, 2018

    Wpbeginner. Where Do i finD the Definition of css?

  • UI MONK on February 13, 2018

    very usefyl video…! thnks for making

  • Debi Morris on March 13, 2018

    How do you indicate where you want the changes made?

  • Paul Peters on July 2, 2018

    Why don't I have that option? Do you have to pay for it???

  • wmixstudios on September 3, 2018

    This is not true for your free wordpress.com site

  • Rashid Bukhari on October 19, 2018

    awesome

  • Rashid Bukhari on October 19, 2018

    right

  • Ani Garza T on January 21, 2019

    Very good video thanks. I have a question, if I want to add an html code (from an html file) I geht this:
    <link rel="stylesheet" href="http://demo.cursoya.com/authority/css/reset.css"&gt;

    <link rel="stylesheet" href="http://demo.cursoya.com/authority/css/main.css"&gt;

    But, how can I add this two files to wordpress? because in the wordpress post, when I change to text view to visual view and back again to text view, it automatically gets removed.

    Thanks and best regards, -Ana

  • Blue Lightning Track Club on February 16, 2019

    Thank you.

  • JustGoneGaming on March 1, 2019

    do you have a video or page that allows me to learn the basic to advanced custom css codes? btw is the wordpress here wordpress.com? or wordpress.org?

  • barrettokarate on May 22, 2020

    If I wanted to add my own black belt "family tree to one of my pages, how would I go about doing it? I've already coded one using HTML, CSS, JaveScript just don't know how to add it to a WordPress site.

  • Pilot Kw on June 29, 2020

    I want to set the code for mobile view. It is not accepting the media Code… How to deal with it.

  • stv jns on December 8, 2020

    After I enter the css code, how do I apply it to elements on the page? There is an advanced tab on the formatting panel that does not seem to do the job. ?

  • Devanshi Srivastava on January 18, 2021

    Thank you for this!

  • James Scott on February 19, 2021

    Where do you find the element names that seem to be unique to WordPress, so that you can select them in the CSS?

  • Ricci V-Form on March 23, 2021

    Great video, thanks!

  • MARQUE PAR MARQUE on July 6, 2021

    can i just clarify, in order to install such plugins, a business plan is required right?

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON