Change background color of results page

Store Design
, , , ,

Topic summary

A user seeks to change the background color of their Shopify store’s search results page. After sharing their store URL, they receive a CSS solution to add to their assets/base.css file:

Initial desktop fix:

.template-search {
    background: #000 !important;
}

The user reports this only works on desktop. A follow-up solution is provided for mobile devices:

Mobile-specific code:

@media screen and (max-width: 749px) {
    .template-search {
        background: #000 !important;
    }
}

Both code snippets should be added to the bottom of the base CSS file. The discussion appears resolved with working solutions for both desktop and mobile views.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

How can I change the background color of the search results page?

pimpoclothing_0-1744544501673.png
pimpoclothing_0-1744544501673.png1066×1152 229 KB

2

@pimpaoclothing

Can you share your store URL?

Thanks!

1 Like
3

Hey! Yes of course

https://umhw5c-2w.myshopify.com/

4

@pimpaoclothing

Please add the following code to your assets/base.css at the bottom of the file.

.template-search {
        background: #000 !important;
    }

Thanks!

1 Like
5

Thank you, but it only change in desktop, how can i change in mobile?

6

@pimpaoclothing

Please add this following the code for mobile

@media screen and (max-width: 749px) {
 .template-search {
        background: #000 !important;
    }
}