A user needs to change the background color of their search results page on the Origin theme, which doesn’t offer this option in the theme customization interface.
Solution provided:
theme.liquid file</head> tag and insert custom CSS above itCode snippet:
The solution uses a {% style %} block targeting .template-search with background: black !important; to override the default background color. The color value can be adjusted to any desired color.
Screenshots were included showing both the current search page appearance and the code implementation location.
How to change background color of my search page? In the customization window, the origin theme does not provide me an option to pick a theme color. Can I do this in the base.css code? I’ve included a screenshot of the search window after I type something in the search bar and hit enter.
Theme: Origin
URL: billon.maison
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ
Here is the code for Step 3:
{% style %}
.template-search {
background: black !important;
}
{% endstyle %}
