SPARK Theme : Overlay on Header Icons - Remove

Shopify Discussion
,
1

Hi,

I was able to reduce my header icons thanks to some Shopify experts…however, the overlay (when selecting the icons) has been altered. I would like to remove the overlay on these altogether. Is this possible? Thank you.

Attached image Here (see overlay in account icon below) :

Screen Shot 2023-02-23 at 10.27.05 AM.png
Screen Shot 2023-02-23 at 10.27.05 AM.png3362×230 45.5 KB

Preview to site is here : https://wwkc68owd719hgzy-7472873.shopifypreview.com

Thanks.

2

Hi There,

Thank you for your advice. I posted the code, but the shadow selection/overlay on the icons is still present. Any other solutions?

3

Hello @kdhyatt

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

4

Hi @kdhyatt

You can try to add this code to “base.css” file:

.icon-button__icon:before {
background-color: white !important;
}

We hope that it will work for you.

5

Thank you! It worked!

6

Wished it had worked, but sadly no. Thanks for your help.