How to change the colour of filter and sort menus / text on search results page

[TooSpicyNZ]

Hi team

Trying to adjust the colours of my search results page as there doesn't appear to be a way to select a colour theme for this section (??)

Have looked everywhere, found what i needed to change background colour but cannot work out how to change the text colour

i used this in theme.liquid to change the background colour to black;

 {% if template == 'search' %}
<style>
main#MainContent {
background: #000000;
}
</style>
{% endif %}

How do i then change all my text for the filter and sort options to white? can i add something more to this?

screenshots to help clarify;

 before

after!

Thanks in advance

[devcoders]

Hello @TooSpicyNZ 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[TooSpicyNZ]

www.toospicy.co.nz

[devcoders]

Hello @TooSpicyNZ 

I checked the site, and a black background has already been added across all pages. So, the search page is also showing a black background. Do you want the background color of the search page to be white?

Home page

Search page

[TooSpicyNZ]

Hi, no I want the background black which I managed to do myself. Now I need help making the sort and filters text white please. Thanks

[devcoders]

Hello @TooSpicyNZ 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.template-search .facets-container {
background: white;
padding: 10px 10px 0;
}

[TooSpicyNZ]

Hey, I appreciate you trying to help me but the background colour is not the issue. As the title of the thread says I want to make the text white

(as it is currently invisible, black on black!) thanks

[graykat]

Did you find an answer to this?   I have tried editing tons of code with no success.

[TooSpicyNZ]

Hi, no, no solution as such.

In the end I chose a different but complimentary background colour instead of the black. So at least that way the black text and all the drop downs etc are visible and useable.

Cheers