Top Search Bar

• 

  realagenda · Member · Jan 12, 2011 at 1:00 am

  • Copy link
  • Add topic to favorites

  What CSS code would allow me to change the color, size the top search bar?

  What CSS code do I need to change to modify the size and color of the search button of the search bar as well as the color of the letter?

  Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 12, 2011 at 1:48 am

  • Copy link

  The black top bar:

  #navigation {
  background-color: #000000;
  }

  Top black top bar height is actually controlled by the line height here:

  #description {
  line-height: 55px;
  }

  Search button background and text color:

  input.submit {
  background-color: #17517B;
  color: #FFFFFF;
  }

  Search box, use this (I added a “color” declaration in case you want to change the “search…” text color in the box:

  #searchform input#s, #searchform input.field {
  border: 1px solid #9FCEF1;
  color: #CCCCCC;
  padding: 5px 0 5px 5px;
  width: 208px;
  }

• 

  realagenda · Member · Jan 12, 2011 at 2:21 am

  • Copy link

  Magnificent. I really appreciate it. Will try it and see how it works!

• 

  thesacredpath · Member · Jan 12, 2011 at 2:26 am

  • Copy link

  You’re welcome, and if something goes awry, you know where we are.