Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Re: How do i change the search page colour of my website

How do i change the search page colour of my website

dumbl3d00r
Excursionist
18 0 3

i want to change the search background from white to my store colour #7e6d60 how do i do that and what code 

IMG_3652.png

Replies 7 (7)

Tech_Coding
Shopify Partner
378 105 89

Hello @dumbl3d00r 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
dumbl3d00r
Excursionist
18 0 3
Tech_Coding
Shopify Partner
378 105 89

It has already added background color as you want.

Tech_Coding_0-1727012479610.png

 

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
dumbl3d00r
Excursionist
18 0 3

in the screenshot i provided if you search for something then select the product i want to change that background, where it shows the product image and title 

Sangeetanahar
Trailblazer
554 36 66

hello @dumbl3d00r 

your URL is not working .please provide me correct url.

thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

Sangeetanahar
Trailblazer
554 36 66

hello @dumbl3d00r 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-search.css

add the code end of the file

 

@media only screen and (max-width: 767px) {

.search__input.field__input {
    padding-right: 9.8rem;
    background-color: #7e6d60;
}
}

Search-0-results-found-for-ggggg-–-Sonder-09-22-2024_07_43_PM.png

 

thanks

Buy me a Pizza


If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here
dumbl3d00r
Excursionist
18 0 3

the search results page still seems to be white