CSS for search form?

  • Resolved Heimhenge

    (@heimhenge)


    7 years, 7 months ago

    This plugin works really well and I appreciate your making it available. The only problem I have is that none of the default skins work well with my site design. I’ve tried using FireBug to get the right tags but nothing seems to work. Could you explain what CSS I would use to, say, change the text to black and the text background to white? If I could get that to work I could tweak it from there. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi!

    Thank you very much for your kind words! I recommend using the following custom CSS rules to change the container color, and the input text color as well:

    .wpdreams_asl_container,
.wpdreams_asl_container .probox {
    background: white !important;
}

#ajaxsearchlite1.wpdreams_asl_container div.probox div.proinput input,
#ajaxsearchlite2.wpdreams_asl_container div.probox div.proinput input {
    color: black !important;
}

    The !important tag is not a good practice, but in this case it’s acceptable, as otherwise it would not work.

    Thread Starter Heimhenge

    (@heimhenge)

    Thanks wpdreams. Worked perfectly. If you want to see how it looks on my site, go to sky-lights.org/search-all-posts/ and you’ll see why I needed those colors for better visibility. Again, thanks for creating this great WP plugin … so much better than the default WP search function!

    Plugin Author wpdreams

    (@wpdreams)

    Thank you very much for your kind words, I’m glad it’s working now.

    I will mark this thread as resolved for now. Feel free to rate the plugin if you want to, it’s greatly appreciated.

    Thread Starter Heimhenge

    (@heimhenge)

    I just gave it 5/5 stars and wrote my review. Yes, resolved thanks.

    • This reply was modified 7 years, 7 months ago by Heimhenge.
    Plugin Author wpdreams

    (@wpdreams)

    Thank you very much, very kind of you ??

    Thank you very much for the plugin… I pasted the code changing background of the container to white. Now my issue is the Placeholder text font color is white in chrome only while in mozilla and IE its already grey since I change the colors in style-simple-blue but I get a white color in chrome. How can I solve this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS for search form?’ is closed to new replies.