change zoom symbol for prestige theme

[rodolfoq]

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

 

to this

[PageFly-Noah]

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

<style>
--cursor-zoom-in-svg-url: url('the link of the icon you just uploaded') !important;
</style>

For example the code should look like this

<style>
--cursor-zoom-in-svg-url: url(//www.southernhillclothing.com/cdn/shop/t/3/assets/cursor-zoom-in.svg?v=160660680467430317171687272710) !important;
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[rodolfoq]

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

pw:Southernhill23

[PageFly-Noah]

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