Style.css won’t link to pages

  • So I’ve been moving my html and css onto wordpress for a website.
    I followed this youtube video:

    And it’s gone ok, but the style.css page is not working with any of my pages :-/
    Help pretty please internet people!
    Just ask if I can give more info to help, I am very new to all this so not that sure what info I should be presenting to make it solvable.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Do you have an html file with a link to your style.css file? Is there any way you can post what your code looks like anywhere, like a screenshot or something?

    Thread Starter acetylcholinesterase

    (@acetylcholinesterase)

    Here is one of the pages html:
    <body>
    <div class=”lateentries”>
    <h2>Accepting late entries for:</h2>

    <h3>15th March – Wells TC Grade 4 Ladies Doubles</h3>
    <h3>15th March – Wells TC Grade 5 Boys 12U/14U</h3>

    </div>

    <p>David Kirkman, who lives in South Somerset, is a qualified R4 Tennis Referee who organises an extensive range of tennis tournaments in/around the South Somerset area. The tournaments organised range from Grade 4 to Grade 6; with events for minis, Boys/Girls and Adults some doubles also offered.</p>

    <p>The principal locations (minimum of 4 courts) which currently host tournaments are Sherborne, Wincanton, Yeovil, Martock, Bridgwater and Wedmore.</p>

    <p>David is known as a proactive promoter and has very successful tournaments, normally with good entry numbers due to the increased likelihood that they will run along with the repeat support from many satisfied players/parents. David is a flexible organiser and will often take Late Entries (if room in the draw, court time available) especially before the draw Is made.</p>

    <p>David started refereeing back in 2012, to try and both promote tennis and get more tennis opportunities for his 15-year old son; so often looks at It from the perspective of a player/parent. Due to its success, David has been requested by various venues to run tournaments for them … also subsequently tasked by the SSTDG to organise/promote all of their tournaments so you will find him on court somewhere about 40 days each year.</p>

    <p>If resident in, within travelling distance of or just visiting the South Somerset area, then hopefully one of the Forthcoming Tournaments listed below (or one from the Seasonal Spreadsheet) will be of interest to you.</p>

    <p>Keep enjoying your tennis and we look forward to seeing you at a tournament soon.</p>

    </body>
    </html>

    Thread Starter acetylcholinesterase

    (@acetylcholinesterase)

    This is the header, which does work as desired:
    <!doctype html>
    <html <?php language_attributes(); ?> class=”no-js”>
    <head>
    <link rel=”stylesheet” type=”text/css” href=”style.css”/>
    <link href=’https://fonts.googleapis.com/css?family=Lato:400,300,100,700,900&#8242; rel=’stylesheet’ type=’text/css’>
    <link rel=”stylesheet”
    href=”https://fonts.googleapis.com/css?family=Monoton”&gt;
    <link rel=”stylesheet”
    href=”https://fonts.googleapis.com/css?family=Tangerine”&gt;
    <meta charset=”<?php bloginfo(‘charset’); ?>”>
    <title><?php wp_title(”); ?><?php if(wp_title(”, false)) { echo ‘ :’; } ?> <?php bloginfo(‘name’); ?></title>

    <link href=”//www.google-analytics.com” rel=”dns-prefetch”>
    <link href=”<?php echo get_template_directory_uri(); ?>/img/icons/favicon.ico” rel=”shortcut icon”>
    <link href=”<?php echo get_template_directory_uri(); ?>/img/icons/touch.png” rel=”apple-touch-icon-precomposed”>

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <meta name=”description” content=”<?php bloginfo(‘description’); ?>”>
    <script>
    // conditionizr.com
    // configure environment tests
    conditionizr.config({
    assets: ‘<?php echo get_template_directory_uri(); ?>’,
    tests: {}
    });
    </script>

    <?php wp_head(); ?>

    </head>

    <body <?php body_class(); ?>>

    <!– header –>
    <header>
    <h1>dpk-tennis</h1>
    </header>

    <table class=”something”>
    <div id=”magic”>
    <tr>
    <td class=”lines”>Home</td>
    <td class=”lines”>Upcoming Tournaments</td>
    <td class=”lines”>FAQ’s</td>
    <td class=”lines”>Venues</td>
    <td class=”lines”>Contact Us</td>
    </tr>
    </div>
    </table>

    <!– /header –>

    Thread Starter acetylcholinesterase

    (@acetylcholinesterase)

    * {
    font-size: 16px;
    font-family: sans-serif;
    line-height: 20px;
    }

    .contactus * {
    font-size: 25px;
    font-family: sans-serif;
    line-height: 30px;
    }

    header {
    background-image: url(https://www.ferienhotel-neuwirt.at/tl_files/images/backgrounds/shutterstock/tennis.jpg);
    padding: 40px;
    font-family: Tangerine;
    }

    h1 {
    font-size: 3rem;
    font-family: Monoton;
    text-align: left;
    margin-top: 1em;
    }

    .lines {
    border: 2px solid black;
    }

    a { color: inherit;
    text-decoration: none; }

    body {
    background-color: #d0f9cf;
    }

    footer {
    background-color: black;
    color: white;
    text-align: right;
    }

    .checklist {
    padding: 10px;
    color: green;
    }

    contact details {
    padding: 2px;
    float: right;
    }

    .something {
    font-weight: bold;
    padding: 15px;
    width: 100%;
    text-align: justify;
    text-align: center;
    font-size: 30px;
    }

    td {
    width: 14.2%;
    }

    .contact {
    text-align: right;
    padding-right: 40px;

    }

    .social {
    float: left;
    }

    .checklist {
    margin-left:auto;
    margin-right:auto;
    border: 0px;
    padding: 50px 0px 50px 0px;
    }

    p {
    text-align: center;
    padding: 0px 7rem 0px 7rem;
    }

    h2 {
    text-align: centre;
    padding: 0.5rem 0 0 1rem;
    font-family: georgia;
    color: #30BDB2;
    font-size: 3rem;
    }

    h3 {
    color: black;
    font-family: georgia;
    text-align: center;
    padding: 2rem 0 2rem 0;
    }

    .lateentries {
    border: 2px solid black;
    margin-bottom: 4rem;
    }

    h5 {
    display:inline;
    }

    .venue sup {
    font-size: 0.8rem;
    }

    .words p {
    font-weight: bold;
    font-size: 30px;
    padding-bottom: 1rem;
    line-height:2rem;
    }

    .words th {
    border: 2px black solid;
    }

    .words td {
    text-align: center;
    border-bottom: black solid;

    }

    .venues {
    padding-top: 20px;
    padding-bottom: 10px;
    }

    .selects {
    display: inline-block;
    }

    form {
    display: inline;
    }

    .lines {
    border: 2px solid black;
    }

    .venue p {
    text-align: center;
    padding: 1.2rem 3rem 0px 3rem;
    }

    .venue h5 {
    display:inline;
    padding-right: 10%;
    padding-left: 10%;
    font-size: 1.1rem;
    }

    .venue h4 {
    display:inline;
    padding-right: 5%;
    padding-left: 5%;
    }

    .tournaments th {
    border: 2px black solid;
    }

    .tournaments td {
    text-align: center;
    border-bottom: black solid;

    .contactus td {
    padding-top: 2rem;
    padding-bottom: 4rem;
    }

    .contactus h2 {
    padding: 2rem 2rem 0 2rem;
    font-family: georgia;
    color: #30BDB2;
    text-align: centre;
    font-size: 2rem;
    line-height: 1.3;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Style.css won’t link to pages’ is closed to new replies.