"big input" css

joewhitsitt

I am working on the CSS for my vanilla and I can't find the css for the "big input"/"small input" for the comment box. any ideas?

a_j

try:

take a screenshot of the page, paste it into your favorite image editor, use the eyedropper, or similar tool to find the color of what you are trying to change ( say the text in the big input button, and say the color is #df7700 ), then just search vanilla.css for df7700.

Sometimes it will be tricky where the color your eyedropper is like dd7700, but you can't find that in the css file. Sometimes the css uses the 3 digit color assignmnet. In this case you should search for d70 if dd7700 didn't come up. This is how I found most everything I wanted to change.

HTH

imathis

good tip.. of course you should be able to use the eye dropper tool without having to take a screenshot. Just click with the eye dropper tool inside of a blank document and drag it over to your web browser and release it over the color.

pbear

Look for this in vanilla.css:

#Form label a
For other parts, use View Source (Cmd/Ctrl-U in Firefox, prob. something under View menu in IE) to find what you're looking for, then look at enclosing tags. The main sections are id'd so you know you're in the right area. I ususally change something to #f00 (bright red) then reload the page to see what leaps out at me.

Also make a comment in your CSS file when you finally find something that's confounded you. Helps when you want to change it back!

Minisweeper

I'd use the firefox web developer toolbar...

pbear

I'd use the firefox web developer toolbar...

I do use this in fact, but I didn't want to get asked "what is it? how do I install it?"

WallPhone

Ooooh... I just figured out the 'Display element details' feature under the information group...a #CommentBoxControllerI wish I knew about this sooner.

lament

I'd use the firefox web developer toolbar...

yup.. CTRL+SHIFT+F to see the element information (mouse over the area), then CTRL+SHIFT+E to edit the CSS live..