CSS for dropdowns

  • Resolved nathanp123

    (@nathanp123)


    7 years, 11 months ago

    I am trying to change the color of the search box from red. I have managed to change the colors of the text box and the buttons, like in the topic from a few days ago:

    .wpdreams_asl_container,
.wpdreams_asl_container .probox {
    background:#8c8c8c !important;
}

.promagnifier {
	background:rgb(120, 195, 251)
 !important;
}

.prosettings {
	background:rgb(120, 195, 251)
 !important;
}

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

    However, I cannot figure out how to change the colors of the dropdown menus, like the search settings and the actual search results. I’ve tried this, but it didn’t work:

    .searchsettings{
	background-color:aqua !important;
}

    Screenshots:
    https://ibb.co/mHZFbQ
    https://ibb.co/i4usO5

    Can you explain what CSS selectors I need to change their colors?
    Thanks!

    • This topic was modified 7 years, 11 months ago by nathanp123.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi!

    I believe this is the custom CSS you are looking for:

    div[id*="ajaxsearchlitesettings"].searchsettings,
div[id*="ajaxsearchliteres"].vertical {
    background: rgb(120, 195, 251) !important;
}
    Thread Starter nathanp123

    (@nathanp123)

    Yes, that worked. Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS for dropdowns’ is closed to new replies.

Tags