Trouble linking CSS to HTML

very new to html here, can’t quite figure out whats wrong with my code. everything looks fine but the css does not apply to my page! bg, cursor etc are still default:

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>kassmaster</title>
    
    <link rel="stylesheet" type="text/css" href="trinket.css">
  </head>
  
  <body>
    <center>
      <h1>
        <img src="under.gif">
      </h1>
    </center>
  </body>
</html>
body {
  margin: 0;
  min-height: 100%;
  width: 100%;
  background-color: black;
  cursor: url("butterflies.png"), auto;
}

help is appreciated ^-^

Is your stylesheet named “trinket.css” and in the same folder as your html file. Secondly is butterflies.png in the same folder as everything else?

yep, everything is in the same folder and named correctly :[

Welcome to the forum @kassmaster

What’s a center element? I think it is obsolete. Try removing that piece of code.

Also, you may need to use a .cur file. Here is an article you may find helpful.

Happy coding

1 Like

In order to better see the issue it would be best to see the file and folder structure

can you place your code in something like codesandbox and share the link with us so we can better see what is going on?

https://codesandbox.io/