CSS Not Working on Neocities

Hey everyone,

I’m having a frustrating issue with my Neocities site. My CSS works perfectly fine locally in VS Code, but when I upload it to Neocities, it doesn’t apply at all.

In my root directory, I only have index.html, not_found.html, and robots.txt, while all my other HTML, CSS, and image files are in folders. I’ve double-checked the file paths, and everything seems to be uploaded correctly.

Has anyone else run into this? Any tips would be super appreciated!

Thanks!

This sounds like a browser caching issue. When you reload your neocities page, try using Ctrl+shift+R to force the browser to pull new files from neocities.

2 Likes

If yequari’s suggestion doesn’t work, make sure all your filepaths look like "/folder/file.png" , with the slash up front. I’ve noticed while editing locally my computer doesn’t always require me to put that slash, but neocities certainly does.

1 Like

I clear caches, cookies but still same,

<link rel="shortcut icon" href="/assets/brand kit/tabi-ya_fav-removebg-preview.png" type="image/x-icon">

  <link rel="stylesheet" href="/assets/blueprints/index.css" />
  <link rel="stylesheet" href="/assets/blueprints/reset.css" />

hmmm!! that should be working! how annoying!

i’m not sure what’s in the reset.css, but maybe having that after index.css is making it undo what’s in the index? if you switch the the order so it’s reset.css and then index.css

<link rel="stylesheet" href="/assets/blueprints/reset.css" />
<link rel="stylesheet" href="/assets/blueprints/index.css" />

and try another hard refresh, does that do anything? that’s my only real guess :cold_sweat:

ahhhhhh, i tried reorder and clear cookies and shit but still fucked and btw reset.css is resets everything, sets fonts and colors etc

your index.css and reset.css do not contain css styling rules for your site. they contain html for another page you might’ve been working on

they both look to be like a custom 404 error page

1 Like

wft in my side they are perfect


something is not lining up here

https://tabi-ya.neocities.org/assets/blueprints/index.css

loads your 404 page

https://tabi-ya.neocities.org/%20assets/blueprints/diary.css

can you fix this %20 maybe that the thing causing issue

you have a space character at the beginning of the assets folder. you’ll need to remove the space from the name of that folder

https://tabi-ya.neocities.org/%20assets/blueprints/index.css

loads the index.css when the %20 for the space character is added

1 Like

Thanks, the space is causing all this drama – thanks alot everyone

3 Likes