- This topic has 1 reply, 2 voices, and was last updated 10 years, 3 months ago by
.
-
Posts
-
Hello fellow StudioPress peeps,
I wanted to introduce you to a design tool that I couldn't live without: Firebug. It's a free browser plugin for Firefox (there's a version for Chrome, too) that lets you inspect HTML and CSS elements for whatever page you're on. You can even edit your CSS right in the browser to see how changes will look.
If you're customizing a StudioPress theme, this little tool will save you TONS of time. You can quickly track down elements with too much padding or figure out where you need to make color changes to your stylesheet, etc.
There's an introductory video (and a download option) here: https://getfirebug.com/
Happy theme customizing!
Carrie
Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂
I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.
It's also worth pointing out that in Firefox you an do "inspect element" by right clicking on an element without the need to install Firebug. The benefit of Firefox's version is that you can select the desired hover state for links so you can inspect how links behave which you can't do in Firebug to my knowledge at this time.
Twitter: cehwitham Web: cehwitham.com
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.