change zoom symbol for prestige theme

Shopify Discussion

Topic summary

A user wants to remove the white circular background from the zoom cursor icon on their Prestige theme product pages, replacing it with a transparent cursor image.

Proposed Solution:

  • Upload a cursor image with transparent background to Shopify > Content
  • Copy the CDN link of the uploaded icon
  • Navigate to Online Store > Themes > Actions > Edit code > theme.liquid
  • Add custom CSS code above the </head> tag that references the new cursor image

Current Status:
The user is experiencing difficulty implementing the solution. A support representative offered to help troubleshoot which specific step is causing issues, noting that the theme has default cursor settings that require this code override method to change.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

wanted to know if someone knows how to change the zoom symbol without the circle. using prestige theme

IMG_3680.jpeg
IMG_3680.jpeg3024×4032 702 KB

to this

IMG_3679.jpeg
IMG_3679.jpeg3024×4032 1.25 MB

2

Hi @rodolfoq

This is Noah from PageFly - Shopify Page Builder App

First you will need to upload the cursor without the white background to your Shopify > Content and copy the cdn link of the icon you uploaded. Then add the code here will solve it

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

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

For example the code should look like this

Hope this can help you solve the issue

Best regards,

Noah | PageFly

3

I don’t know what Im doing wrong, would you please take a look of the copy of the page

pw:Southernhill23

4

Hi @rodolfoq because of the theme has setting the cursor by default, the only way you can change it it follow my step and change it. It’s just an image, you can easily change it by my step

Or please let me know which step that you having trouble on, i can have you to figure it out