Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

"big input" css

edited July 2006 in Vanilla 1.0 Help
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?

Comments

  • Options
    a_ja_j
    edited July 2006
    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
  • Options
    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.
  • Options
    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!
  • Options
    I'd use the firefox web developer toolbar...
  • Options
    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?" :)
  • Options
    Ooooh... I just figured out the 'Display element details' feature under the information group...a #CommentBoxControllerI wish I knew about this sooner.
  • Options
    lamentlament
    edited July 2006
    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..
This discussion has been closed.