How to fix the invisible arrow issue in Impulse theme color change?

Solved

How to fix the invisible arrow issue in Impulse theme color change?

Digital_Imran
Shopify Partner
289 2 42

I changed impulse theme background color to black . As a result, I changed the border and line colors to white, but the arrow in the variant selector does not appear. I would appreciate it if you could tell me how to resolve this issue. You can provide me with CSS code to fix the issue Thank you for any help you can provide.

Store URL: Lightup.design 
Product page URL: Lightup.design/collections/best-selling/products/acrylic-letters

Thank you in advance 🙂

 

screenshot 6.png

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

This is an accepted solution.

Hi @Digital_Imran 

I check your product it seems like the arrow icons on that area is not properly set up. I take time to look for it then this is what ive found. 

Ribe_Dagandara_0-1693321027999.png

The one that you have in there is only a pciture/image, it just add in the background. So when you change the background in all pages this background picture on the selector also gone. 

The icons must have HTML code and CSS code. 

 

I hope it help. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

This is an accepted solution.

Hi @Digital_Imran 

I check your product it seems like the arrow icons on that area is not properly set up. I take time to look for it then this is what ive found. 

Ribe_Dagandara_0-1693321027999.png

The one that you have in there is only a pciture/image, it just add in the background. So when you change the background in all pages this background picture on the selector also gone. 

The icons must have HTML code and CSS code. 

 

I hope it help. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Digital_Imran
Shopify Partner
289 2 42

Thank you so much @Made4uo-Ribe . Yes, it was a SVG file. With the help of Photoshop, I changed it to white, uploaded it to Shopify, and finally changed the URL. 🙂

So it works. Once again thank you so much 🙂

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.