We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change hover style on image

Solved

Change hover style on image

PAUL8
Pathfinder
100 0 31

Hello, 
I want to change the style of my cursor when hovering my product image by a cross.

My website is womber.fr and I'm using dawn theme.
Thanks !

Accepted Solution (1)

BiDeal-Discount
Shopify Partner
819 109 182

This is an accepted solution.

Hi @PAUL8 

Let add this custom css code:

 

.product__media-list .image-magnify-hover {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px' viewBox='0 0 100 99' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill: %23000000;fill-opacity:1;' d='M 100 38.226562 L 100 60.601562 L 61.207031 60.601562 L 61.207031 98.992188 L 38.636719 98.992188 L 38.636719 60.601562 L 0 60.601562 L 0 38.226562 L 38.636719 38.226562 L 38.636719 0.0078125 L 61.207031 0.0078125 L 61.207031 38.226562 Z M 100 38.226562 '/%3E%3C/g%3E%3C/svg%3E") 17 17, zoom-in !important;
}
- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Reply 1 (1)

BiDeal-Discount
Shopify Partner
819 109 182

This is an accepted solution.

Hi @PAUL8 

Let add this custom css code:

 

.product__media-list .image-magnify-hover {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px' viewBox='0 0 100 99' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill: %23000000;fill-opacity:1;' d='M 100 38.226562 L 100 60.601562 L 61.207031 60.601562 L 61.207031 98.992188 L 38.636719 98.992188 L 38.636719 60.601562 L 0 60.601562 L 0 38.226562 L 38.636719 38.226562 L 38.636719 0.0078125 L 61.207031 0.0078125 L 61.207031 38.226562 Z M 100 38.226562 '/%3E%3C/g%3E%3C/svg%3E") 17 17, zoom-in !important;
}
- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp