How to Add Custom CSS

There are 2 ways to add custom CSS code to your website.

Option 1: Built in CSS Input

  1. In WordPress click Customize under Appearance on the sidebar.
  2. Click Additional CSS
  3. Add your custom css and Save & Publish Button
Instructions for 2.17 & Below

1. In WordPress click Theme Options on the sidebar.
2. Click the Appearance tab.
3. Add your custom CSS to the Custom CSS Code input.

CSS

4. Click the Save Options button.

Option 2: Install Simple Custom CSS Plugin

Why this is better? 1. You get a bigger window to work in with the CSS code.  2. This option puts all your custom CSS code in a new style sheet instead of the head of your website which will load better.

How to Install This Plugin

1. In WordPress click Add New under Plugins on the sidebar.
2. In the input on the top right of the page enter Simple Custom CSS and click enter on your keyboard.
3. Find the Simple Custom CSS and click the Install Now button.
4. Click the Activate Plugin link.
5. Click Custom CSS under Appearance on the sidebar.
6. Add your custom CSS code on this page.

custom css

7. Click the Update Custom CSS button.


CSS Errors

If you enter invalid CSS, or do not properly close CSS values, it can cause CSS errors on your website.

What is CSS?

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files
Updated on July 15, 2016

Was this article helpful?

Related Articles

Add A Comment