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

Solved
TodoCarcasas
Excursionist
37 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

KetanKumar
Shopify Partner
14384 1670 5172

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
TodoCarcasas
Excursionist
37 0 8

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

Thank you very much.

0 Likes
UmairA
Shopify Partner
586 65 103

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@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
TodoCarcasas
Excursionist
37 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
lyndabanks
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
UmairA
Shopify Partner
586 65 103

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@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
eyelurk
Tourist
7 0 3

i also tried this and its not working on my debut theme any reason why ?

KetanKumar
Shopify Partner
14384 1670 5172

@eyelurk 

Welcome to the Shopify community!
and Thanks for your 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
eyelurk
Tourist
7 0 3

hey thanks for help and time this is the link to the site https://onsomeshit.com/