I want to change the color "icon-search" and "icon-cart".

Solved
Highlighted
Excursionist
33 0 8

Hi! I am Javi.
I am trying to change the color of the icons in the header of my online store with the theme "debut", I have searched the internet and many solutions appeared but none have helped me to fix my problem.

I want to change the color "icon-search" and "icon-cart". Now my header is black and the default icons are black so now it is not visible.

 

Thank you very much in advance

1 Like
Highlighted
Shopify Partner
8640 1153 3026

Hello, @TodoCarcasas 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
33 0 8

Hi KetanKumar, my website url is https://todocarcasas20.myshopify.com/
The password is 1234

Thank you very much.

0 Likes
Highlighted
Shopify Partner
439 44 65

This is an accepted solution.

Hi @TodoCarcasas ,

Add the following code to your theme.scss.liquid file (Edit theme code > Assets > theme.scss.liquid)

.site-header__icon  .icon-search, .site-header__icon  .icon-cart {
 color: white !important;
}

 

I hope that helps, Reach to me if you need help with anything else. Thanks

Umair Abbas

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
1 Like
Excursionist
33 0 8

Umair Abbas has perfectly helped me to solve my problem. I did what he told me but due to a mistake of mine in the previous code, it was not effective. 


Thank you.

Captura de pantalla 2020-09-13 a las 14.01.09.pngCaptura de pantalla 2020-09-13 a las 14.00.57.png

0 Likes
Highlighted
New Member
1 0 0

This did not work for me. I put it at the end of the stylesheet. Should it go somewhere else?

 

0 Likes
Highlighted
Shopify Partner
439 44 65

Hi @lyndabanks ,

Which theme are you using?

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes