LOL look WORDPRESS runs off of themes right?
Ok Imaging this
You create a new folder on your desktop.
name it “Main”.
Open up that folder and create two more folders themes and plugins
Go back to main and just imagine that the index page (Or home page in other words) is coded like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="theme/style.css" type="text/css" media="screen" />
<title>Test Page</title>
</head>
<body>
<div class="test1">
Hello I am a test page for Nacy86
</div>
Bla bla bla bla
</body>
</html>
Now Look at this code. There is no style code anywhere in it. So it is going to show up like your website. ( everything in an absolute position (Other words all jacked up)).
You need a style file to refer to so that the index page knows how to make the index page look. Now that the css is not in the index file itself the index file needs to look else where for the css.
So it you look at the code above you see it says
<link rel="stylesheet" href="theme/style.css" type="text/css"
Now this code tells the browser that the css is not in the index file it is located somewhere else.
Ok so the link above tells the browser that the css is located in the Theme folder and named as style.css
The browser now combines the two files making it look however the syle.css file tells it to.
Here is your problem
Your site is looking for the css file where it is not at.
In order for you to change this all around to get it to work you either need to do some studying from scratch on css and the way WP uses themes (Styles from theme folders).
OR LOL I am a Web Developer and $ makes this problem go away.
Just take you time and study what I just wrote and study it again then study it once more. Then do the same thing with your WordPress
