CSS not loading in Github deployment

Support
, , , ,
1

Hi there, I’m having trouble with my css not being loaded properly when deploying my site. I’m aware this is a popular question, but none of the others are exactly the same as mine. I used VsCode and used the Github integration (do whatever I need on Vscode and then commit changes to my repository). I then used my Github repository to deploy my netlify site.

**site: https://laughing-lamport-d96b95.netlify.app **
GitHub: https://github.com/Ispeeta/Connect-to-Change

  1. I think the first thing I need help with is my build command and public directory. I don’t know what to put and whenever I do put something, my deploy failed. The site I shared with you, I did not write anything for my build command and public directory. Screen Shot 2020-06-14 at 10.31.10 AM|690x245

  2. I am aware you might need my build log? I’m not sure where to get that because some website is telling to go to the “Build” setting of the menu, but I don’t see it. I’m going to need retrieving that log!

I appreciate all the help in advance

2

@Ispeeta Welcome to the Netlify community.

It appears your links are all fouled up. You need to change the links so that instead of being relative to your user account on your Mac, they are relative to the files in your website.

For example, your links look like this:

<link href="/Users/hahmed/Desktop/Connect-to-Change/index.css" rel="stylesheet" type="text/css">

They should look more like this:

<link href="/index.css" rel="stylesheet" type="text/css">

Fix all internal stylesheet and image links. and your site should come to life.

3

yes it worked! Thank you so much