Unwanted Padding/Horiztonal Bar in Default Theme

  • Hi all,

    I’m creating a new WordPress theme. I’ve decided to work over the Default theme (Kubrick), and I’ve quite simply deleted the CSS Style Sheet and replaced it with my own from scratch. I’ve just blocked in the four main areas – header, footer, content and sidebar – but mysteriously space (which I presume is padding) and a horizontal bar, has appeared below the header and above the footer. See it here: https://www.mattkeefe.com/living_static/

    My style sheet is very basic at this point, so I’ve no idea what’s causing it. Here’s the style sheet:

    /*
    Theme Name: LivingStatic
    Theme URI: https://www.mattkeefe.com/livingstatic
    Description: Content Management System WordPress Theme
    Version: 1.0
    Author: Matt Keefe
    Author URI: https://www.mattkeefe.com/
    */

    body
    {
    font-family: Helvetica, Sans-Serif;
    font-size: 80%;
    text-align: center;
    background: grey;
    padding: 0px;
    margin: 0px;
    }

    #page
    {
    width: 900px;
    margin: 48px auto;
    background: white;
    padding: 0px;
    }

    #header
    {
    width: 900px;
    height: 150px;
    clear: both;
    border: solid red 1px;
    }

    #content
    {
    float: left;
    width: 590px;
    border: solid blue 1px;
    }

    #sidebar
    {
    width: 310px;
    height: 100%;
    margin: 0 0 0 590px;
    border: solid green 1px;
    }

    #footer
    {
    width: 900px;
    height: 150px;
    clear: both;
    border: solid yellow 1px;
    }

    .cat_list
    {
    font-family: “Helvetica”, Tahoma, Arial, Sans-Serif;
    font-size: 0.8em;
    font-weight: bold;
    color: black;
    line-height: 1.5em;
    padding: 3px 0 0 3px;
    border-left: solid #BFBFBF 0.2em;
    border-bottom: solid #BFBFBF 0.1em;
    text-transform: uppercase;
    }

    Can anyone tell me what’s caused this?

    Cheers,

    Matt

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

  • Remove the 150px footer height from your css. The lines are in your files…probably the header and footer php files…look for the hr tags.

    The horizontal bars are because of the <hr /> (assuming you’re referring to the same bars as I am) in your xhtml.

    <hr /> has in my client css (Firefox) a top and bottom margin of .5em.

    Peter

    Thread Starter matt-keefe

    (@matt-keefe)

    Thanks chaps – yes, the <hr /> was the problem. Seems strange the theme would include those in the .php files. Thanks for the assistance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unwanted Padding/Horiztonal Bar in Default Theme’ is closed to new replies.