The "Inspect Element" tool built into my browser, Google Chrome, is one I use all the time. I get design ideas from other websites, test-drive tweaks on my own site, get information about images and dimensions, find out the names of divs and classes in CSS and all sorts of other handy information. It's a bit hard to explain, so I'll just show you how it works. Check it out:
Can't see the video? Watch it here.
P.S. This also works in Firefox with the Firebug Add-On, but I personally much prefer the built-in version in Chrome.
Thanks for this tip! I would have never known.
That is a very cool tip and one I think I will use!
Is there a way to save the change from inspect element or can you just see it there to play around?
In order to make the changes on your live site, you have to login to your Dashboard and edit from there.
Is there an easy way to find the exact spot in the CSS file you tested when logging into your Dashboard and editing?
That is such an awesome tip! Thanks so much Amy!!!
I was just shown the firebug option for Firefox! I'm so excited to start using it. Now if I could just find the time…
LOL! I can relate!
Great Tip Amy! I am so glad that FFF suggested your site to me! I have but one question…ok, I now know the html I need …. how do I know where to add it on my WP site? May sound like a very dumb question but I am brand new to all this stuff and just learning….the good thing is I learn quick and I tend to work on something until I get it right….thanks!!!
Great tip! I pinned it for later as I really want to change a few design elements of my blog, but had no idea how to make it look how I want to, this will certainly help me in tweaking!
Good video. Now that I know what CSS is controlling the spot on my site that I want to edit, i just have to figure out where in WordPress this is being controlled : )
Nate
Go to Dashboard –> Appearance –> Editor –> stylesheet. That's where all your CSS is. (Be sure to backup before you make any changes to your stylesheet!)
Amy,
I have a basic understanding of css, but what I'm weak on is css used for layout. Do you have a favorite resource for learning that part of css? Thanks!
Nate
You might try Codecademy or W3Schools. They both have CSS tutorials/courses.