search

konstantinmuenster / gatsby-theme-portfolio-minimal

A Gatsby Theme to create modern one-page portfolios with a clean yet expressive design.
MIT License
160 stars 90 forks source link

How to edit css / styling? #34

Open laura-amalie-graphics opened 1 year ago

laura-amalie-graphics commented 1 year ago

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 commented 1 year ago

Hey @laura-amalie-graphics !

Have you tried this?

laura-amalie-graphics commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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.