Change color of close button in mobile product zoom view

Store Design
1

trying to change the product zoom modal close button from green to white in mobile view.

using ride theme,

url: velotekpb.com

password: deepah

velotekpb_0-1692110601605.png
velotekpb_0-1692110601605.png206×100 7.11 KB

thank you

2

Hi @velotekpb ,

This is David at SalesHunterThemes.
Thank you for your question.
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → base.css file.
Add this following code at the bottom of page.

.product-media-modal__toggle {
  color: #fff !important;
  border-color: #fff !important;
}

Hopefully, this proves useful.

David | SalesHunterThemes team

3

Hi @velotekpb

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyNoah_0-1692188273117.png
PageFlyNoah_0-1692188273117.png390×844 61.3 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

4

Hi @velotekpb , welcome to the Shopify Community.

You might find more help with this coding question on the Shopify Partners and Developers forum.

You can also check out freelancers who specialize in coding. Find them on websites like Fiverr, and UpWork.