Simple CSS – Add custom CSS to your site

Do you need to add some custom CSS to your WordPress site?

You can also add additional CSS using the Customiser (without using this plugin).

Simple CSS gives you an awesome CSS editor in admin area and a live preview editor in the Customizer so you can easily add your CSS.

Simple CSS also adds a metabox to pages and posts – this allows you to add CSS to only apply to that specific page or post.

You can add CSS using Simple CSS in one of three ways:

  1. Go to Appearance > Simple CSS and add your CSS to the admin editor.
Simple CSS Admin Editor
Simple CSS Admin Editor
  1. Go to Appearance > Customize and then choose Simple CSS. You can then preview how your custom CSS affects your site as you add your styles (in Desktop, on a tablet and on mobile devices).
Simple CSS Cutomizer Editor displaying live preview
Simple CSS Cutomizer
  1. Go to your page or post in the Dashboard and add your code in the Simple CSS metabox.
Simple CSS Metabox in page/post
Simple CSS Metabox in page/post

Along with the awesome GeneratePress theme, Simple CSS by Tom Usborne is one of my go to plugins to add custom CSS and I install it on all the sites I build.

Click here to download this free plugin today

Additional CSS

With improvements to WordPress backend, the customizer plays a huge part customising your site. This includes the ability to add additional CSS to style your theme (without the need for Custom CSS plugin). This is my current approach.

That said, Simple CSS is advanced – it allows you to add css to individual page/post.

Login to WordPress and from the WordPress admin menu, select Appearance > Customize.

wordpress appearance customize - Simple CSS - Add custom CSS to your site

The Customizer (1) allows you to customise the site title, manage menus, widgets and also add additional CSS (2) to style the site.

WordPress Customizer showing the Additional CSS tab.

Enter required CSS in the CSS editor (1) and also preview how your custom CSS affects your site as you add your styles in Desktop, on a tablet and on mobile devices (2).

Add additional CSS using the Additional CSS tab in Customiser
VJ - Vijay Rudraraju

Vijay Rudraraju (VJ)

I am web design and SEO consultant with over 12 years experience. I am obsessed with SEO, web design, WordPress, productivity hacks and page speed optimisation. I publish articles and tips to help you improve your online presence.

Leave a comment

 

Get in touch


VJ Design - Web Design Melbourne
Affordable and creative web solutions from Melbourne, AU. I build robust fast-loading WordPress sites for a fraction of the price. Call VJ on +61389867186
Address :
106 Alamanda Blvd,
Point Cook,
VIC - 3030
Australia.
Tel : +61389867186
Email : hello@vjdesign.com.au

 Logo

Image of

$600-12000