change cart, and other icon color

Solved
Highlighted
Explorer
50 8 10

Hi, 

I'd like to ask how I can make these icon colors to change...tried a few ways (e.g., .header-cart-btn{ background-color: #c10505;}) but didn't work for me, I am probably doing it not correctly.  Thanks!!

icon color.png

0 Likes
Highlighted

This is an accepted solution.

Hello @yoma1,

Search,login and hamburgor icons are svg thats why your css didn't work.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.icon.icon-search, .icon.icon-login, .icon.icon-hamburger {
	fill: #c10505;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Explorer
50 8 10

Thanks! beautifully done!

0 Likes
Highlighted
New Member
1 0 0

How can you change the menu color in all pages 

.icon.icon-search, .icon.icon-login, .icon.icon-hamburger {
	fill: #c10505;
}

is only working for the home page  

0 Likes