Guest Posted May 9, 2021 Share Posted May 9, 2021 Site URL: https://www.quelle.cool/ G'day, I've added custom cursors to my site but the image quality is terrible and they end up really pixelated with altered colors. I made the cursors in AI at 30px height. Is there any way to improve the quality of my cursors or is it possible to make them larger images and then size them down in CSS? I used the code below: #collection-x { cursor: url(x), auto!important; } #collection-x { cursor: url(x), auto }} My site is www.quelle.cool/ Link to comment
Beyondspace Posted May 9, 2021 Share Posted May 9, 2021 23 hours ago, quellecool said: Site URL: https://www.quelle.cool/ G'day, I've added custom cursors to my site but the image quality is terrible and they end up really pixelated with altered colors. I made the cursors in AI at 30px height. Is there any way to improve the quality of my cursors or is it possible to make them larger images and then size them down in CSS? I used the code below: #collection-x { cursor: url(x), auto!important; } #collection-x { cursor: url(x), auto }} My site is www.quelle.cool/ What is the image you used to create the cursor? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Lou_90_ Posted August 13, 2021 Share Posted August 13, 2021 On 5/9/2021 at 10:12 AM, quellecool said: Site URL: https://www.quelle.cool/ G'day, I've added custom cursors to my site but the image quality is terrible and they end up really pixelated with altered colors. I made the cursors in AI at 30px height. Is there any way to improve the quality of my cursors or is it possible to make them larger images and then size them down in CSS? I used the code below: #collection-x { cursor: url(x), auto!important; } #collection-x { cursor: url(x), auto }} My site is www.quelle.cool/ I'm having this issue too but haven't found a solution sadly. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.