Horizontal Search Field Bacground Color

[joeldecker]

Is there a way to alter the background color of the horizontal search fields
on the members page? Can it be done using Quick css? Or would it have to be
through adding code to the sweetdate-child folder/file?
Thanks

[adam]

Add this to quick CSS and change background to any color you like:

#search-bar {
background: #FFFFFF;
}

[joeldecker]

Sorry, maybe I wasn’t too clear.
I meant the background of the form fields.
That changes the background behind the fields.
Thanks for your help.

[SQadmin]

If you mean the dropdown fields:

COPY CODE

form.custom div.custom.dropdown ul li.selected {
    background: none repeat scroll 0 0 #CDEBF5;
    color: #000000;
}
form.custom div.custom.dropdown ul li {
    background: #ffffff;
    color: #555555;
}
.form-search.custom div.custom.dropdown a.current {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #141414;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[joeldecker]

Thanks @sqadmin and @adam for the response. That helps, but I’m looking for specifically the background of the form fields before they are selected, as they appear on the page. Currently they are white.

[SQadmin]

I changed the code for that background. see if it helps

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[joeldecker]

Thanks @sqadmin,
the background is still white though, and now the other changes stopped working. Any
other ideas? I’m adding this in Quick css, that ok?

[SQadmin]

And you changed the background color from #ffffff to your color?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[joeldecker]

Yes. Here’s what I have for the code (below). It changes the drop down fields to the right color while being scrolled down through, but not the background color of the top fields. I want to also change the color of the fields just as they are sitting on the page. Maybe that has to stay white though and I didn’t realize that. No problem if so.

form.custom div.custom.dropdown ul li.selected {
background: none repeat scroll 0 0 #333333;
color: #333333;
}
form.custom div.custom.dropdown ul li {
background: #c9c8c6;
color: #555555;
}
form.custom div.custom.dropdown a.current {
background-color: #c9c8c6;
border: 1px solid #DDDDDD;
color: #141414;
}

[SQadmin]

Well this way it works. Strange 🙂

COPY CODE

form.custom div.custom.dropdown ul li.selected {
background: none repeat scroll 0 0 #333333;
color: #333333;
}
form.custom div.custom.dropdown ul li {
background: #c9c8c6;
color: #555555;
}
.form-search.custom div.custom.dropdown a.current{
background-color: #c9c8c6;
border: 1px solid #DDDDDD;
color: #141414;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[joeldecker]

Nice 🙂
Thank you so much!

[willianlima83]

This function is very good…

[metalmick]

Could a similar code to

#search-bar {
background: #FFFFFF;
}

be entered in the css box to allow an image in my media files to be used instead of a plain colour?

[metalmick]

Sorted! Used: {background-image:url(“paper.gif”);} 🙂

[Author]

Posts