Eden said:
Please avoid changing default cursors on your pages.
Why shouldn’t I?
r/mysteriousdownvoting.
Eden said:
Please avoid changing default cursors on your pages.
Ignore this, OP. If it fits your overall aesthetic, go for it. It seems to suit a cartoony style.
Eden said:
Please avoid changing default cursors on your pages.
Ignore this, OP. If it fits your overall aesthetic, go for it. It seems to suit a cartoony style.
OP. Please disregard this person’s comments. DO NOT change the default cursor.
Lennon said:
@Kiran
Sounds like we found the junior dev.
Quite the opposite. If you want zero traffic, then go ahead and change the cursor.
This discussion is getting intense… I will consider your suggestions regarding the cursor change. However, it’s really about the SVG issue. Every SVG I export from Figma has the same problem. Here’s the SVG code:
<svg width="32" height="32" viewBox="0 0 112 111" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7393 63.6255L24.2249 50.343L62.1135 99.419L38.6138 98.4352L11.7393 63.6255Z" fill="#FFD9A4"/>
<rect x="17.5028" y="41.6359" width="15" height="73" transform="rotate(-37.6696 17.5028 41.6359)" fill="#FFD9A4"/>
<rect x="42.8323" y="22.0805" width="16" height="73" transform="rotate(-37.6696 42.8323 22.0805)" fill="#FFD9A4"/>
<rect x="58.5526" y="16.2606" width="14" height="68" transform="rotate(-37.6696 58.5526 16.2606)" fill="#FFD9A4"/>
<rect x="26.9315" y="29.3032" width="17" height="77" transform="rotate(-37.6696 26.9315 29.3032)" fill="#FFD9A4"/>
<rect x="28.5844" y="33.0804" width="3" height="28" transform="rotate(-37.6696 28.5844 33.0804)" fill="#FFCA95"/>
<rect x="23.4334" y="50.9541" width="3" height="28" transform="rotate(-37.6696 23.4334 50.9541)" fill="#FFCA95"/>
<rect x="39.5963" y="19.5254" width="3" height="32" transform="rotate(-37.6696 39.5963 19.5254)" fill="#FFCA95"/>
<rect x="54.7055" y="12.9139" width="3" height="37" transform="rotate(-37.6696 54.7055 12.9139)" fill="#FFCA95"/>
</svg>
@Cameron
This SVG looks fine on my computer, even when set as a cursor. No grey outline here. It might just be how your browser or operating system handles antialiasing.
Zion said:
@Cameron
This SVG looks fine on my computer, even when set as a cursor. No grey outline here. It might just be how your browser or operating system handles antialiasing.
The issue might be from the design size, as the viewBox is 112 x 111 pixels, yet the specified width and height deform it to 32 x 32 pixels. Those nice vectors can get distorted when fitted into a small area. Making sharp-looking SVGs for a small design needs careful effort.
Share the .svg code. It should be readable. If it isn’t, maybe you’ve exported a raster graphic within an .svg.
Are you sure you exported it as an SVG? The first image shows many artifacts typical of bitmap images.
In the second image, I see a different colored outline. Is that how it appears in Figma?
I also agree with others—it’s best to avoid changing the default cursor, especially one where the clicking point isn’t clear.
Cameron said:
@Uma
No, that outline is just from taking a screenshot.
Is that second image a screenshot from Figma or your website?
Cameron said:
@Uma
No, that outline is just from taking a screenshot.
Is that second image a screenshot from Figma or your website?
From Figma.
The issue might be the stroke.
Reddit can be quite irrational. People downvoting for asking and answering questions, insisting you shouldn’t do certain things, is just plain silly. Do what fits your page’s aesthetic or function—maybe even make it an option for users who don’t like or can’t use it.
Mal said:
@Sai
It’s ridiculous how much some care about upvotes or downvotes.
It’s the main way on this site for users to express agreement or disagreement. I don’t bother about karma or votes, but I find it absurd that over 60 people disapprove of someone just for asking a genuine question.
Please feel free to change my cursor unless it’s a critical site. Not sure about the outline, though.