Change the color search background into white in results with new matching fonts Dawn theme 7.01

[Dekanten]

Hello

I want to change the search results into white background, i have the black header and i want to change the search color and the fonts aswell. Can we make something who match the site better than this?

See attached image: (The fonts is too small and the colors dont fit into what i want)

Hope we can figure something out, i will for sure thank you all and accept the solutions who works. 🙂

 

My storeurl:

www.dekanten.no

[BSSCommerce-B2B · Accepted solution]

Hi, you could following these steps
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the base.css file
Step 3. Paste the code into the end of the file

.predictive-search.predictive-search--header {
  background: white!important;
  color: black!important;
}

.predictive-search--header .predictive-search__item-content,
.predictive-search--header .predictive-search__item-heading,
.predictive-search--header .predictive-search__item-vendor,
.predictive-search--header .price-item,
.predictive-search--header .predictive-search__item--term {
  color: black!important;
  font-size: 1.5rem
}

You will get result like this

If it helps you, please like and mark it as the solution.

Best Regards

[BSSCommerce-B2B · Accepted solution]

Hi, you could following these steps
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the base.css file
Step 3. Paste the code into the end of the file

.predictive-search.predictive-search--header {
  background: white!important;
  color: black!important;
}

.predictive-search--header .predictive-search__item-content,
.predictive-search--header .predictive-search__item-heading,
.predictive-search--header .predictive-search__item-vendor,
.predictive-search--header .price-item,
.predictive-search--header .predictive-search__item--term {
  color: black!important;
  font-size: 1.5rem
}

You will get result like this

If it helps you, please like and mark it as the solution.

Best Regards

[Dekanten]

Hi, thanks for the contribution but nothing changes here im afraid, do you have other ideas? I will be very gratefull, hope we can figure something out here?  🙂

The look you got there is that i want, its looks flawless. 🙂

[BSSCommerce-B2B · Accepted solution]

Could you please send me the image of your code? 
Make sure you have placed the code in the right place

[BSSCommerce-B2B]

I have set all the font sizes to be equal, but if you want smaller price please update this code

.predictive-search.predictive-search--header {
  background-color: white!important;
  color: black!important;
}

.predictive-search--header .predictive-search__item-content,
.predictive-search--header .predictive-search__item-heading,
.predictive-search--header .predictive-search__item-vendor,
.predictive-search--header .predictive-search__item--term {
  color: black!important;
  font-size: 1.5rem!important;
}
.predictive-search--header .price-item {
  color: black!important;
  font-size: 1.3rem!important;
}

[Dekanten]

Thank u and this is what im looking for, this works in theme section and not the base so everything looking just fine by this. 🙂

[Dekanten]

Thank u so much for all your patience and big help, this means a world too me and everytime i ask i got really fast and nice help. You are amazing, thank u for all that. 🙂