A user seeks CSS customization help for the Dawn theme’s search functionality, specifically wanting:
Initial requests:
Solution provided:
Another user shares CSS code to be added to the theme.liquid file before the closing </body> tag.
Follow-up customization:
The original poster requests an additional border on the “søk etter” (search for) results section, plus a hover effect.
Final code:
CSS targeting .predictive-search__item, .predictive-search__item-term, and related elements with border-bottom: 1px solid black is provided.
Outcome:
The issue is resolved. The user confirms all customizations work as intended and expresses satisfaction with the results.
Hi
I want to do some design changes in the searchfield area, make images bigger, make a border under the products and a frame around this field?
When u search for a product the modal looks so weird, blank space and no fields for splitting up the section parts.
Can it be possible, thank u so much in advance. 
See attached image:
My storeurl:
Hi @Dekanten , go to theme.liquid file and add the following code at the end before the tag :
Hi mister how are you doing?
Thanks for your support, it works good but i need one more thing.
I want a border on “søk etter” result too, can this be made?
Maybe a simple hover can be great on “søk etter”, anything will go
See attached image:
@Dekanten , sure add the following code inside the style tag I code I gave you :
button.predictive-search__item.predictive-search__item--term.link.link--text.h5.animate-arrow {
border-bottom: 1px solid black;
}
Hi again, thank you very much indeed and everything works fine now and pretty satisfied with the result. Hope you have a wonderful day.