
How to add Custom CSS
It's very easy to add a custom CSS code to your theme. There are two ways to do so:
1. Theme Options panel
You may add your CSS code directly via the Theme Options panel. Just navigate to "North / Advanced" tab and paste your code into the "Custom CSS Styling" field:

Don't forget to "Save Changes" after you are done.
2. Theme's stylesheet
You can paste your CSS code directly to your theme's style.css file. Just navigate to Appearance / Editor menu and paste your code at the bottom of the theme's style.css.
Note: it's recommended to use a Child Theme when adding your custom CSS code to the theme's stylesheet directly. Check this article to learn how install a Child Theme.