Adding custom CSS to your website

If you want to modify how GravityView looks but you don't know where to add the CSS code, follow these instructions. WordPress 4.9 added the ability to customize your CSS from inside WordPress itself. Here's how to do it!

Click on Appearance, then Customize

Click the Additional CSS menu item at the bottom of the side menu.

Add your CSS code in the editor and click "Update Custom CSS"

Add your CSS code in the text editor. The CSS you enter will be live-previewed for you.

Click the Publish button at the top of the sidebar

Once you click "Publish", the changes will go live. You can also click the gear icon to save your CSS as a draft or schedule the changes you would like to make.

If you're running a WordPress version lower than 4.9

First: you should update your site! Running the latest WordPress is the best way to prevent your site from being hacked. Now you've been warned :-) 
If you're running under WordPress 4.9, follow the steps below: Note: if you already have the Jetpack plugin enabled, you can use their Custom CSS module instead.

Click on Plugins, then Add New

Enter "Simple Custom CSS" into the search field

This is the name of the plugin we're going to use to add custom CSS.

Click the "Install Now" button

Activate the plugin

Click on the "Custom CSS" link under Appearance

Add your CSS code in the editor and click "Update Custom CSS"

Delete the line that says "/* Enter Your Custom CSS Here */", then add your CSS code in the text editor. Once you're done, click "Update Custom CSS."
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.