Shopify themes, liquid, logos, and UX
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
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 !
Solved! Go to the solution
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;
}
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;
}