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
2 Likes
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?
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
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
1 Like
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;
}
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
Did you find an answer to this? I have tried editing tons of code with no success.
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
