Home / Questions / 277605
Accepted
Ceci Benitez
Asked: 2020-07-09 13:01:07 +0800 CST 2020-07-09 13:01:07 +0800 CST

Why when uploading my page to github pages the background turns gray?

  • 772

I have the same project and if I run npm start everything is fine and the background is white as it should be but when I run npm run deploy to upload it to gh-pages the background of the page turns grey, I didn't change anything in the styles and it is the same project here I leave the photos to compare one is white background and the other gray.

enter image description here

enter image description here

What do you recommend that I do? What better way to try uploading it to netlify?

reactjs

1 Answers

  1. Best Answer

    Checking your source code , you're importing your css definition (where I assume your white background is) before the material-kit libraries, which eventually overwrites the one you put:

    enter image description here

    Change the order in which you are loading your material and custom css, in general yours should always be last. In the worst case, if it still doesn't work for you, you could use !importantto override the already defined styles:

    body {
  background-color: #fff !important;
}
    • 1