CODEWITHSUNDEEP
htmlcssdjangoamazon-ec2
Mayank
Mayank

Reputation: 357

CSS behaving differently on local machine and on server

It might be a silly question but CSS on my remote EC2 server behaves differently than my local server. I mean when I load the page and inspect it, the css rules being followed are different. I have already ran collectstatic. Following is the code in my main.css

div.wrapper-home h2 {
  font-size: 24px;
  color: #FFFFFF;
  text-align: center;
  font-family: "Arimo", cursive, sans-serif;
}

It loads perfectly on local machine when i run it on remote server it only picks up css for h2 which is something else and not for the class wrapper-home. Can anyone guide me in right direcion for what I might be missing?

Upvotes: 0

Views: 2102

Answers (2)

Williams
Williams

Reputation: 4338

Using "Inspect" or "Inspect Element" in your browser (decent browsers have these developer tools) you should be able to find the "Computed" style that is differs between the cases -- this should also tell you the source file of that style.

Is the source the file you expect it to be?

Upvotes: 1

spinus
spinus

Reputation: 5785

One day I had a similiar problem using Windows. Windows is case insensitive (filesystem) so on a desktop I had a Style.css and in HTML I included style.css (on windows this worked perfectly). On the server (linux, case sensitive) this does not work.

Please put more details about your case, desktop system, server system, other technologies. Maybe you are using some builders or specific clients or this happened on a specific browser?

Upvotes: 0

Related Questions