How can I alter my website icon color to white?

Store Design
,
1

my website is lgbtqstyles.com // mohtse
i want to change search icon, my cart icon to white.
i was trying to find any value, but all doesn’t work. help !!

2

Hi. Go to Online Store > Themes > Edit Code. Find theme.liquid and scroll to the end of page. Find and before it place the below code.

.header__icon { color: white !important; }
3

Hi @swoo0105 ,

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

.header__icon, .header__icon--cart .icon {
color: white;
}

Hope my answer will help you.

4

Hello @swoo0105 ,

You can follow these steps:

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

GemPages_0-1676346369374.png
GemPages_0-1676346369374.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1676346393425.png
GemPages_1-1676346393425.png1505×841 66.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

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

Step 2: Search file base.css

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

.header__icons .icon.icon-search,
.header__icons .icon.icon-cart-empty,
.header__icons .icon.icon-cart {
  color: #fff;
}