fbpx
Enjoy Year-End Sale: 50% Off All Plugins! Coupon Code: NewYear2025

How to remove the arrows on top of each color variations

Tengku Zulfadli

This is the link : https://www.redsbaby.com.au/shop/essentials-starter-bundle

 

How can I remove the arrows for each of color variations?

 

 

Hakik Zaman

Hello Tengku,

Thanks for reaching out to us. Do you want to remove the tooltip or only the arrow of the tooltip?

Hope to hear from you soon.

Thanks

Hakik Zaman

Hello Tengku,

Please put the below code here Appearance > Customize > Additional CSS

.single-product .variations td.value span:after {
   display: none !important;
}

Please let me know if it resolves your issue.

Thanks

Tengku Zulfadli

I already applied the code given, it’s removed the arrows both color and text variations. Thank you for your help!

Hakik Zaman

Hello Tengku,

Could you please give me some screenshots? What do you want to remove and what do you want to keep?

You can use lightshot to take screenshots and paste here the screenshot link.

Hope to hear from you soon.

Thanks

Tengku Zulfadli

Now I want to make the button small, so that it will show 2 lines only on mobile view and remove the arrows

Tengku Zulfadli

I already attached screenshot photo but it won’t show up when I submit my reply

Hakik Zaman

Hi Tengku,

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out issues.

Thank you