Using Custom CSS

Posted by AffTheme

How To: Using Custom CSSThe Custom CSS option allows you to modify the CSS elements of your site without touching any of the core source code. If you plan to make visual changes to your site beyond what Affiliate Theme Options provides, we recommend using Custom CSS and not editing the style.css file as you would do in a traditional WordPress Theme.

We recommend using the Firefox Web Developer plugin in order to understand the ID and class names of individual CSS elements.

Get the Web Developer Plugin

Web Developer Plugin Usage

To activate the CSS inspection tool, type command-shift-F on a Mac or control-shift-F on a PC. This will bring up the CSS inspection tool. Then, hover your mouse over the elements on the page and in the top-bar beneath the address bar of your browser, it will display the path to the particular CSS element.

Watch this video for further instructions: