Twenty Eleven Search Box legibility

• 

  kizibu · Member · Sep 22, 2014 at 7:19 pm

  • Copy link
  • Add topic to favorites

  Hi on my Twenty Eleven site:
  http://guesthousestorytellers.com/

  typing into the search box seems to give you white on off-white text which is barely legible though if you move the cursor into the purple menu bar the search box changes to a more lgible white on lilac.

  Can I use CSS here to fix the lilac colour in the search box and increase the legibility of white text text that is entered?

  This is my first dabble with CSS so please reply in CSS for Dummies style. Thanks

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

• 

  hallluke · Member · Sep 22, 2014 at 8:25 pm

  • Copy link

  Here’s how to change the background selection colour:

  #branding .only-search #s:focus {
    background-color:rgba(217,83,186,0.9);
  }

• 

  kizibu · Member · Sep 22, 2014 at 8:53 pm

  • Copy link

  That’s brilliant hallluke.

  Many thanks for that.