cheesymacaroni

Jk it worked - thank you so much!

Thank you for your help, tuanphan!! Really appreciate it 🙂 However, I'm running into another error 😞

I want to make my SVG cursor a small circle, but no matter what size I make it, it always defaults back to 30x30px.

Here's what it looks like when I export it as 10x10, and here's what it loos like when I export it as 30x30. It's the same! I tried putting a transparent circle behind and making the actual orange circle smaller, but it still doesn't work. Any help would be very appreciated, thank you!

It won't let me upload an svg 😞 How do I get the link?

Here's the code I'm using:

body {

margin: 0;

height: 100vh;

cursor: url(https://static1.squarespace.com/static/64bdf71a6c7d8b6e3c802b1b/t/658f6c9171c3500ca0998875/1703898257479/Ellipse+3413.png), auto;

}

Hello! I'm trying to upload a custom cursor to my site. I'm exporting the image from Figma. When I upload one that's 30x30 (exported normally), it's super pixelated. When I upload one that's 30x30 (exported with 4x), it just doesn't work. I'm guessing it's because the image might be too big? The image is a simple circle, so I'm not sure why it's coming out pixelated. Any help would be appreciated, thank you!

Hey, sorry about that! My site is now public, can you take another look please?

I used custom code to change the hover state of an image (first image on the homepage when you scroll down https://piano-endive-xshe.squarespace.com/). However, I now can't make the hovered/altered image direct to another page on my website. How do I use custom code to do this? Thanks!

I'm trying to create a smooth transition on a hover state. This is my website (https://piano-endive-xshe.squarespace.com/) and the image is the first one on the homepage. I used custom code to make the image change on hover, but it's too abrupt. How do I alter the code to make the transition smoother / take longer?

Also - when my browser size is made a little smaller, the image on hover is warped. How do I change this too? Thanks!

Hello!

I'm very frustrated because my images aren't scalable. When my browser is at its full width, it looks fine. However, when I make the browser size smaller to test responsiveness, the image doesn't scale. The image goes from being a portrait image to a landscape image with most of it becoming cropped. This is happening to every image on my site. Please help!!