Changing background colour of search bar entries

Solved
NAKap
New Member
3 0 0

Hi there,

How do I change the background and font colour of entries in my search bar? Currently it's a black background with dark grey writing that's difficult to read. 

How can I change the background or the font to white?

Site is www.theflavourchef.com.

Thank you!

 Screen Shot 2021-07-25 at 3.21.22 pm.png

0 Likes
Guleria
Shopify Partner
1692 352 489

This is an accepted solution.

Hello @NAKap ,


1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid  paste bellow code in bottom of file

 

To change the font color:

 

#app-header .typeahead__item .title {
    color: #fff !important;
}

 

To change the background

#app-header .typeahead__list{
background-color: red !important;
}

 

You can change color code a/to your need.

 

 

Thanks

 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
Natztech
Shopify Partner
1871 489 1169

hello @NAKap 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.typeahead__result ul.typeahead__list li.typeahead__item{
	background: #ffffff !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
NAKap
New Member
3 0 0

Thank you!!!

0 Likes