Replying to
Comment
okay, so everything except the font-family thing currently under body
needs to go under body::before
. I can't test it right now because I'm on mobile, but the code should look like this:
@font-face { font-family: "Zpix"; src: url("https://db.onlinewebfonts.com/t/a760859010799a39cb3cf1960073320a.eot"); }
body {
font-family: "Zpix", sans-serif;
}
body::before {
content: '';
position: fixed;
bottom:-150px;
right: -100px;
width: 400px;
height: 400px;
background-image: url(https://files.catbox.moe/wbb6a9.webp);
background-size: contain;
background-repeat: no-repeat;
z-index: 1000;
pointer-events: none;
}
It also looks like the font wasn't loaded there, so if it still doesn't work I'd try removing the quotes in url("...")
or replacing it with a version of the same font in TTF format.
this sort of thing is why there is an "Advanced" warning label on the custom CSS box - if you don't know what you're doing you can really break the site. I'd suggest going through an online CSS tutorial (like the one on W3Schools) and familiarizing yourself with your browser's dev tools if you want to try more.
Reactions
Replies
unfortunately the font still doesnt work still.. i removed the quotation marks, still normal. i got the ttf format version from the website, nothing. I downloaded it and put it into filegarden, but that did nothing either im starting to wonder if its the font itself that doesnt work?? i dont know, but ill try another font and see if that does anything ive been thinking of looking at css tutorials, ty for the reccomendation
I FUCKED UP THE CSS SO BAD I HAD TO DOWNLOAD AN EXTENSION TO DISABLE CSS ON NEOSPRING. I LITERALLY COULDNT CLICK ANYTHING AND THE SCREEN LOOKED LIKE THIS ðŸ˜
https://files.catbox.moe/yziuvl.png
before i screwed up everything i think i had my code like this, or similar
@font-face { font-family: "Zpix"; src: url("https://db.onlinewebfonts.com/t/a760859010799a39cb3cf1960073320a.eot"); }
body { font-family: Zpix, sans-serif; content: ''; position: fixed; bottom:-150px; right: -100px; width: 400px; height: 400px; background-image: url(https://files.catbox.moe/wbb6a9.webp); background-size: contain; background-repeat: no-repeat; z-index: 1000; pointer-events: none; }