How to change a transparent search bar to white on Dawn 2.0 theme?

[GraceandGrayson]

Hi,

My search bar has gone transparent on Dawn 2.0 theme as shown in top picture, can anyone help me turn it white as it used to be in second picture?

Thanks.

www.graceandgrayson.co.uk

[migreen06]

• Are you sure its transparent or is it completely gone? The menu, logo, header, and buttons are also gone?

[yashgarg]

Hi @GraceandGrayson ,

Please follow the following steps

1. Go to your online store and select Themes from left panel

2. Press 3 dots menu in center (on the left of Customize button) and then Edit Code

3. Open the file theme.liquid (you can search for it)

4. Add the following CSS code just before the ending (near the end of file) tag, or you can paste also at end of file (less preferred way though)

5. Save the changes, and refresh your store to see them in effect.

.search-modal__content { background: white !important; } predictive-search { border: 1px solid black; } #predictive-search-results { background: white !important; }

After adding these styles the website will look as old

Thanks

Yash Garg

[GraceandGrayson]

That has worked perfect.

Thanks for helping

[PageFly-Oliver]

Hi @GraceandGrayson ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[yashgarg]

Glad to help