How to customize CSS

You’ll be able to adjust this with custom CSS. 

If you have WordPress 4.7  #

  1. Navigate to Appearance -> Customize
  2. Scroll all the way down and choose Additional CSS
  3. Write custom CSS code and enjoy the changes in the live preview
  4. Click the Save & Publish button on top of the Customizer

If you have WordPress 4.6 or earlier  #

CSS can be added by activating the Custom CSS module in Jetpack:

With the Jetpack plugin, turn on the CSS input area by activating “Custom CSS” setting and paste your custom styles there: Appearance > Edit CSS

How to locate CSS you want to change #

To locate the CSS you want to change, you can use the “Inspect Element” feature in the Chrome browser. You can access “Inspect Element” by right clicking on any section of your site and selecting Inspect Element from the dropdown menu.  ThemeFoundry has a good article on how to use the Inspect Element feature.

Once you’ve identified the CSS you want to change, copy it into the custom CSS area and adjust it however you’d like. 

Please note that you will not lose your CSS edits when there is an update to one of our themes if you use the methods above to store your custom CSS.

Powered by BetterDocs