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
15721 1753 5785

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
797 79 145

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

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
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
797 79 145

Hi @lyndabanks ,

Which theme are you using?

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
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
15721 1753 5785

@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/