Shopify themes, liquid, logos, and UX
I've been having some trouble managing my color themes.. I want to make sure that my slideshow buttons & announcement bars stay dark (ideally I'd also have them match the header's background color). It would be fine as it is, but in my 'Search Results' page the background is the same as my slideshow buttons - so if I do end up changing the theme and background, it also changes my slideshow banner.
My organization on the themes is clearly lacking, but the only reason I really need this fix at all is because on the "Search Results" page, there is text you can't read for the reviews - I even think there is supposed to be buttons for buy now or choose options? I would also like to remove that 2nd search bar that pops up on the search results.
My website is www.totalweeb.store
Below are images showing my website
Solved! Go to the solution
This is an accepted solution.
Im a bit confuse of your problem in the arrow.
Do you like to remove the 2nd search bar in the search page result right?
Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.template-search__search {
display: none;
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Im a bit confuse of your problem in the arrow.
Do you like to remove the 2nd search bar in the search page result right?
Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.template-search__search {
display: none;
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thanks, that solves one of my issues. I wanted my background in my search results to be white, not black. But if I did change my search results to white, it would turn the buttons of the slide show from the homepage white also, when I want those buttons to stay the color it is.
I was thinking I could probably just add:
.template-search__search {
display: none;
background: white;
}
might work? Haven't tried it yet, but I'm about it.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025