Re: change zoom symbol for prestige theme

change zoom symbol for prestige theme

rodolfoq
Excursionist
19 0 9

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

 IMG_3680.jpeg

to this

IMG_3679.jpeg

 

Replies 3 (3)

PageFly-Noah
Shopify Partner
1317 233 268

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

rodolfoq
Excursionist
19 0 9

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

pw:Southernhill23

PageFly-Noah
Shopify Partner
1317 233 268

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.