3 Ways to Add CSS in GeneratePress Theme [Free & Premium]

In this tutorial, I will show you how to add CSS in GeneratePress theme (review). No matter you are using a free or paid version of the theme, this guide will work with both.

CSS stands for Cascading Style Sheets. It is a style sheet language used for describing the presentation of a document written in a markup language like HTML.

So here the first question is, why you will need to add CSS in WordPress theme?

The CSS property help to design the blog the way you want. In other words, it uses to override the default styles of a WordPress theme.

Sometimes it will be necessary adding custom CSS to your site to make it exactly how you want.

3 Easiest Ways to Add CSS codes in GeneratePress Theme

GeneratePress allows yo adding CSS codes with 3 different methods listed below. Let’s explore:

1. Simple CSS Plugin

simple css plugin

Simple CSS Plugin is a free plugin available in the WordPress plugins directory. It allows you to add CSS code into the editor without touching theme CSS files.

To install Simple CSS plugin, login to WordPress admin area then go to Plugins >> Add New and search for “Simple CSS“.

simple css plugin

Once the plugin appears on the screen, click on the install and activate button to add to your WordPress plugins list.

The use of this plugin will give creativity to find and add CSS to an individual page, post, widget etc.

2. Using GeneratePress Child Theme

This method for those bloggers having a basic knowledge of editing WordPress themes from the editor.

A child theme is a blank theme for everyone using GeneratePress theme whether its free or premium.

If you are unaware of it then this tutorial will teach you every little information about GeneratePress child theme.

And if you’re already using a child theme, you can use its style.css file for adding additional CSS to your WordPress site.

3. Add CSS Through Customizer

WordPress 4.7 or above gives the option to add CSS code in the customizer area. All you need to tap on Appearance >> Customize >> Advanced CSS.

advanced css

The positive side of this method is that you would be able to see your changes with a live preview instantly.

Note: This method is not recommended as the switching theme will lose all the entered codes from the Advanced CSS box.

I hope this article helped to add custom CSS to GeneratePress theme.

Do you have any questions about this CSS tutorial? Please don’t hesitate to ask me anything in the comments section below. For more helpful guide visit GeneratePress Tutorials page.

FTC Disclosure: WP Theme Checker content is 100% free. When you make a purchase through referral links on our site, we earn a commission at no extra cost to you – Read Affiliate Disclosure