CSS not loading

Discussion in 'Graphics & Webdesign' started by vehicled, Dec 1, 2014.

  1. vehicled

    vehicled New Member

    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    The CSS on my website (vehicledesign.co.uk) is not loading. I've tried almost everything I can think of (deleting the cache, deleting the website files and re-uploading them), but I can't get my CSS to load. It was working before.

    I have this at the top of my website:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Vehicle Design</title>
    <link rel="shortcut icon" href="img/VD-favicon.ico">
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- <link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet"> -->
    <!-- Custom CSS -->
    <link href="css/grayscale.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    </head>​

    Please help! Thanks
     
  2. vehicled

    vehicled New Member

    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Ok it turns out I have to wait a few minutes for it to start working! Must be something on the server-end.

    Anyway, I have a slightly different problem now.
    My background image in the "About" section fails to load. The corresponding css code is in grayscale.css:
    .about-section {
    width: 100%;
    padding: 50px 0;
    color: #ffffff;
    background: url(img/about-bg-faded-darkest.JPG) no-repeat center center scroll;
    background-color: #000000;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
    }

    I have tried changing the url to pubic_html/img/acout-bg-faded-darkest.JPG but that didn't work either.
     
  3. AngusThermopyle

    AngusThermopyle Active Member

    Messages:
    319
    Likes Received:
    52
    Trophy Points:
    28
    Your css is in public_html/css

    Create a subdirectory public_public/css/img

    Place the image there and use your original css.

    x10 is now using a caching front end, Varnish. So it might take awhile for you to see the change.
     
  4. asrarwebdev69

    asrarwebdev69 New Member

    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1



    I think as per my experience the url of background: url(img/about-bg-faded-darkest.JPG) no-repeat center center scroll; in your .about-section css is not properly I mean to say is you have to put ../ for example background: url(../img/about-bg-faded-darkest.JPG) no-repeat center center scroll; make sure the css file path is correct


    Try this it will work other wise contact me. asrarwebdev@gmail.com
     
  5. caftpx10

    caftpx10 Well-Known Member

    Messages:
    1,535
    Likes Received:
    114
    Trophy Points:
    63

Share This Page