How to remove the highlighted color when box is selected

Store Design
, , , , , , , , , , , , ,
1

Im looking to remove the highlighted color when collapsible row is selected on mobile for dawn theme

Url knmb1c-pf.myshopify.com

password samurai

IMG_9373.jpeg
IMG_9373.jpeg1290×808 53.9 KB

2

Hi @undercoverfresh I see it have white color. Please doube check on this

LizHoang_0-1741231486278.png
LizHoang_0-1741231486278.png374×660 20.1 KB

3

is when you press on the row it shows up for a split a second

4

Hi @undercoverfresh

I check multiple times but I didn’t see any issue at all

DaisyVo_0-1741234489043.png
DaisyVo_0-1741234489043.png1306×870 65.4 KB

Best,

Daisy

5

It shows on mobile

6

HI @undercoverfresh

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
section.product__info-container .product__accordion.accordion, section.product__info-container .product__accordion.accordion * {
    background: white !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

7

I added the code but it still shows up on mobile

8

Hi @undercoverfresh you can try this code

section.product__info-container .product__accordion.accordion, section.product__info-container .product__accordion.accordion * {
    background: white !important;
}
9

Where should i put this code?