How can I see the original css for a theme? The new customization system is very confusing – without the original code I can’t imagine what I’m supposed to do here!
I’m trying to make the header smaller on the theme My Life, if anyone has the css for the header section. Thanks.
The blog I need help with is erikhare.wordpress.com.
The CSS is contained in a number of files, so the main CSS file contains only part of it. This is one of the reasons that the original CSS file link is not shown at this time.
Modern browsers have web inspector built into them now-a-days which you can use to identify the selectors that control the styling on page elements. One of the best is the Firebug Add-on for Firefox. It will show the markup (XHTML) on one side of the Firebug pane at the bottom of the browser window, and the CSS on the other side. You can use the inspector (square with an arrow) button to activate the inspector and then hover over the different elements of the page and Firebug will display the markup and the CSS for the element. You can also try changes “on the fly” in the CSS to get things they way you want them, and then copy it and paste it into the CSS edit window in your dashboard. You can get some more information here: http://en.support.wordpress.com/custom-design/editing-css/#css-help .
Thanks, I’ll play around with firebug and see what it tells me. The theme “My Life” clearly does something really strange with how it sizes headers & I need to find out what’s up with it.
You are welcome.
Were you able to find what you needed using Firebug? I’m very interested in hearing whether you found what you were looking for, how you figured out how to use Firebug, and if you were able to find the answer for the original problem you set out to solve.
The topic ‘Original css’ is closed to new replies.