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:
- Go to Appearance > Simple CSS and add your CSS to the admin editor.
- 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).
- Go to your page or post in the Dashboard and add your code in the Simple CSS metabox.
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.
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.
The Customizer (1) allows you to customise the site title, manage menus, widgets and also add additional CSS (2) to style the site.
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).