My website looks perfect on local host, but after uploading it online it looks completely different?

Question

My website looks perfect on Dreamweaver live view, Google chrome but after uploading it online it looks completely different and I have no idea why?

I checked all the links but if it works on my local host then all the links should be right? The colour of the body on the web version isn't even set to be that originally?

Please help this is incredibly frustrating

The website that is online currently, uploaded through Plesk

The website that is tested on Live View/ Chrome etc

Answer 1

it seems that there is problem in loading css file..

try adding version to css files..

 <link rel="stylesheet" href="styles.css?v=1.1">
 <link rel="stylesheet" href="custom.css?v=1.1">

and then try by just changing version from 1.1 to 1.2 onwards

Answer 2

I found that my issue was coming up once I uploaded my web files on cpanel, I noticed that the permission settings were limited on my .css and bootstrap folder as compared to the .html files and img folder.. Adjusting the permissions instantly reflected changes on my live website