skip to Main Content

so i don’t think my website is picking up the css as when i make it live, the content is there but the style is not. The background is black when it should be white, the font isnt taking effect & the nav isnt showing either. I have done 2 sites the same way only difference is i have uploaded the site to a HTDOCS folder rather than a public_html as this what the hosting said to do…

this is what it looks like live

but should look like this

HEAD OF INDEX

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- PAGE TITLE -->
    <title>Peacehaven Golf & Fitness</title>
    <!-- MAKE IT RESPONSIVE -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- SEO -->
    <meta name="description" content=peacehavengolfcourse">
    <meta name="author" content="">
    <!-- BOOTSTRAP -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- STYLES -->
    <link href="css/style.css" rel="stylesheet" media="screen">
    <!-- FONTS -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

2

Answers


  1. If you’re sure that CSS is there, it may be a cache issue. The old assets are cached by your browser and the new assets are not loaded.

    To test, load the website in incognito mode, and the browser won’t cache/load the cache.

    Mac:

    Cmd + Shift + N 
    

    Windows/Linux:

    Ctrl + Shift + N
    
    Login or Signup to reply.
  2. hi your site is working but can you change this code line 10:
    <meta name="description" content=peacehavengolfcourse">

    to
    <meta name="description" content="peacehavengolfcourse">
    and remove line 38 and 40 </li> </ul>
    add line 309 <footer>
    You have syntax errors…

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search