Custom Design » How to Find Your Theme’s CSS
You can add CSS to customize any theme if you have purchased the Custom Design upgrade. The theme’s original CSS can be found by using your browser’s web inspector tools. This the preferred way to view CSS because it’s more comprehensive and will show you all the CSS that applies rather than just a subset of it.
Web Inspector Basics
These three basic steps will work in most current browsers to open the web inspector:
- Right-click on a web page element
In Safari, go to Preferences > Advanced and enable the Develop menu first.
In Internet Explorer 10, go to Tools > F12 Developer Tools instead.
- Select the “Inspect Element” option
- Look for a panel at the bottom of the screen
The panel will show the HTML for the element you clicked as well as all the CSS that applies to it. You can click on different HTML element in the panel and then look at the CSS on the right to figure out what CSS can be copied into your Appearance > Customize > CSS panel to make design customizations on CSS.
Here are some video walkthroughs showing how the web inspector works for each major browser: