How to edit css / styling?

[laura-amalie-graphics]

Hi there,
I am a ux designer dabbling into frontend development for fun. A step on the way is a Gatsby portfolio.
However, I cannot for the life of me figure out where I can edit colors, fonts, etc.? I tried adding the globalStyles but I could not get it to work....

Can anyone/you help?

[konstantinmuenster]

Hey @laura-amalie-graphics !

Have you tried this?

[laura-amalie-graphics]

Yes I have - but I cannot get it to work. Do I need to import it somewhere? I tried adding the file you linked to, but whenever I tried changing fx the background color, nothing happened.

(also thank you for quick reply, I appreciate it!)

[konstantinmuenster]

No problem! You can try to delete the following steps:

1. delete your node_modules directory
2. run gatsby clean
3. install the dependencies again npm install
4. try if your theme.css file gets picked up now in development mode

Hopefully that does the trick 🤞

[VirtualVasquez]

No problem! You can try to delete the following steps:

1. delete your node_modules directory
2. run gatsby clean
3. install the dependencies again npm install
4. try if your theme.css file gets picked up now in development mode

Hopefully that does the trick 🤞

I ran into this issue, and these steps fixed for me, although I had to run npm install first before running gatsby clean.