• Resolved everythingafter

    (@everythingafter)


    I would be very appreciative if someone could take a look at my stylesheet and help me fix this problem. I have extra white space at the bottom of this site: https://www.jeremystyron.com, and I can’t quite figure out what might be causing it. The footer used to come right under the main text. The only recent changes I have made was adding these two plugins: Meta Tag Manager and WP Tables. I have deactivated both to make sure they weren’t the problem. Here is the full style sheet. I’ve tried multiple browsers.

    Any suggestions?

    /*
    Theme Name: Journalist
    Theme URI: https://lucianmarin.com/
    Description: Journalist is a smart, minimal theme designed for professional journalists.
    Version: 1.9
    Author: Lucian E. Marin
    Tags: white, two columns, fixed width, light, minimal
    For the WordPress community (GPL), enjoy it guys.
    by Lucian E. Marin – lucianmarin.com
    */

    body {
    background: #fff url(images/top.gif) repeat-x; /* background colour, alignment etc. and image location */
    height:125px; /* Height to suit image */
    margin:0; /* Zero margin so that header will fill the whole area */
    }

    * {
    padding:0;
    margin:0;
    }

    a {
    color:#047;
    text-decoration:underline;
    }

    a:hover {
    color:#c00;
    }

    #container {
    width:911px; /* this has nothing to do with the ‘911’ event */
    margin:0 auto;
    position:relative;
    top:14px;
    }

    #container h1 {
    font-size:40px;
    font-weight:bold;
    font-family:garamond, times new roman, verdana;
    letter-spacing:-1px;
    width:700px;
    padding:25px 0 5px 0;
    right:0;
    }

    #container h1 a {
    color:#000000;
    text-decoration:none;
    }

    #container h1 a:hover {
    color:#c00;
    }

    #bubble {
    top:33px;
    right:0;
    position:absolute;
    display:block;
    height:28px;
    background:url(images/bubble_right.gif) no-repeat right;
    }

    #bubble p {
    display:block;
    font-size:11px;
    color:#fff;
    height:28px;
    padding:4px 12px 0 10px;
    background:url(images/bubble_left.gif) no-repeat top left;
    font-family:verdana, helvetica, arial, times;
    }

    #content {
    float:left;
    width:700px;
    margin:0;
    }

    #content h2 {
    font-size:20px;
    font-weight:bold;
    margin:5px 0 7px 0;
    font-family:garamond, times new roman, verdana;
    }

    #content h2 a {
    color:#000066;
    text-decoration:none;
    }

    #content h2 a:hover {
    color:#c00;
    }

    #content h2.archive {
    font-weight:normal;
    font-size:20px;
    color:#1c1c1c;
    padding:0;
    margin:5px 0 20px 0;
    border:none;
    text-align:left;
    }

    .comments {
    color:#333;
    margin:0 0 15px 0;
    border-bottom:#bbb 1px solid;
    font-family:verdana, helvetica, arial, times;
    font-size:10px;
    text-align:right;
    }

    .comments a {
    background:#fff;
    padding:0 7px 5px 0;
    color:#333;
    text-decoration:none;
    }

    .comments a:hover {
    color:#c00;
    }

    .navigation {
    background:#f9f9f9;
    font-size:12px;
    padding:5px 10px;
    margin:0 0 20px 0;
    border-top:#bbb 1px solid;
    font-family:verdana, helvetica, arial, times;
    }

    .navigation a {
    color:#555;
    font-weight:bold;
    text-decoration:none;
    font-family:verdana, helvetica, arial, times;
    }

    .navigation a:hover {
    color:#333;
    text-decoration:none;
    }

    .main h3 {
    font-size:12px;
    font-weight:normal;
    margin:0 0 15px 0;
    color:#000099;
    font-family:verdana, helvetica, arial, times;
    }

    .main img {
    padding:2px;
    border:#ddd 0px solid;
    }

    .main a img {
    padding:2px;
    border:#0085b5 0px solid;
    }

    .main a:hover img {
    padding:2px;
    border:#ca0002 0px solid;
    }

    .main p {
    line-height:18px;
    margin:0 0 15px 0;
    color:#000000;
    font-family:verdana, helvetica, arial, times;
    font-size:12px;
    text-align:left;
    }

    .main ol {
    font-size:12px;
    line-height:18px;
    margin:0 0 15px 30px;
    font-family:verdana, helvetica, arial, times;
    }

    .main ul {
    font-size:12px;
    line-height:18px;
    margin:0 0 15px 30px;
    font-family:verdana, helvetica, arial, times;
    }

    .main li {
    font-size:12px;
    margin:0 0 5px 0;
    font-family:verdana, helvetica, arial, times;
    }

    .meta {
    background:#f3f3f3;
    font-size:11px;
    line-height:15px;
    color:#333;
    padding:5px 10px;
    margin:0 0 30px 0;
    border-top:#bbb 1px solid;
    }

    .signature {
    float:left;
    padding:0 15px 0 0;
    border-right:#bbb 1px solid;
    width:200px;
    }

    .tags {
    float:left;
    padding:0 0 0 15px;
    width:440px;
    }

    #sidebar {
    font-size:11px;
    float:right;
    width:180px;
    height:12668px;
    border-left:#999 1px solid;
    padding:0 0 20px 15px;
    margin:0 0 20px 0;
    font-family:verdana, helvetica, arial, times;
    }

    #sidebar h3 {
    font-size:11px;
    margin:20px 0 5px 0;
    font-family:verdana, helvetica, arial, times;
    }

    #sidebar ul {
    list-style:none;
    font-family:verdana, helvetica, arial, times;
    }

    #sidebar ul ul {
    margin:5px 0 0 10px;
    font-family:verdana, helvetica, arial, times;
    }

    #sidebar ul ul ul {
    margin:5px 0 0 10px;
    font-family:verdana, helvetica, arial, times;
    }

    #sidebar ul li {
    padding:0 0 5px 0;
    font-family:verdana, helvetica, arial, times;
    }

    #author h3 {
    margin:5px 0 5px 0;
    font-family:verdana, helvetica, arial, times;
    }

    #searchform {
    margin:15px 0 0 0;
    }

    #searchform input {
    background:#c00;
    font-size:11px;
    margin:2px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#eee;
    }

    #searchform input:hover {
    background:#333;
    border:#999 1px solid;
    color:#fff;
    cursor:pointer;
    }

    #searchform #s {
    background:#f6f6f6;
    font-size:11px;
    margin:2px 0;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#5E2612;
    }

    #searchform #s:hover {
    border:#c00 1px solid;
    cursor:text;
    }

    input.searchfield {
    background:#f6f6f6;
    font-size:11px;
    display:block;
    margin:5px 0 8px 0;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#603311;
    }

    input.searchfield:hover {
    background:#eee;
    color:#603311;
    }

    input.submit {
    background:#5E2612;
    font-size:11px;
    display:block;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#eee;
    }

    input.submit:hover {
    background:#333;
    cursor:pointer;
    border:#999 1px solid;
    color:#fff;
    }

    input.subcom {
    background:#eee;
    font-size:11px;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#603311;
    }

    input.subcom:hover {
    background:#603311;
    cursor:pointer;
    border:#888 1px solid;
    color:#eee;
    }

    input.comment {
    background:#f6f6f6;
    font-size:11px;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#603311;
    font-family:verdana, helvetica, arial, times;
    }

    input.comment:hover {
    border:#c00 1px solid;
    }

    textarea {
    background:#f6f6f6;
    font-size:11px;
    width:400px;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#603311;
    font-family:verdana, helvetica, arial, times;
    }

    textarea:hover {
    border:#c00 1px solid;
    }

    .postinput small {
    font-size:11px;
    margin:0 0 0 5px;
    }

    p.logged {
    font-size:12px;
    }

    h3.reply {
    font-size:15px;
    margin:0 0 10px 0;
    }

    .nocomments {
    margin:0 0 30px 0;
    font-family:verdana, helvetica, arial, times;
    }

    ol.commentlist {
    font-size:12px;
    list-style:none;
    margin:10px 0 30px 0;
    border-bottom:#bbb 1px solid;
    font-family:verdana, helvetica, arial, times;
    }

    .commentlist li {
    border-top:#bbb 1px solid;
    padding:0 0 10px 0;
    font-family:verdana, helvetica, arial, times;
    }

    .commentlist li.bypostauthor {
    border-top:#bbb 5px solid;
    background-color:#f3f3f3;
    font-family:verdana, helvetica, arial, times;
    }

    .comment_mod {
    margin:10px 0 0 10px;
    }

    .comment_mod em {
    background-color:#fff897;
    padding:1px 3px;
    }

    .comment_author {
    margin:10px 0;
    float:right;
    width:190px;
    font-family:verdana, helvetica, arial, times;
    }

    .comment_author img {
    float:left;
    margin:5px 12px 0 0;
    }

    .comment_author p {
    line-height:20px;
    font-family:verdana, helvetica, arial, times;
    }

    .comment_author small {
    font-size:11px;
    font-family:verdana, helvetica, arial, times;
    }

    .comment_text {
    float:left;
    width:470px;
    margin:0 0 0 10px;
    font-family:verdana, helvetica, arial, times;
    }

    .comment_text p {
    line-height:18px;
    margin:7px 0;
    font-family:verdana, helvetica, arial, times;
    }

    .comment_meta {
    font-size:12px;
    }

    #commentform p {
    line-height:18px;
    margin:0 0 15px 0;
    font-family:verdana, helvetica, arial, times;
    }

    blockquote {
    background:url(images/quote.gif) repeat-y top left;
    padding:0 0 0 60px;
    min-height:50px;
    font-family:verdana, helvetica, arial, times;
    }

    #footer {
    background:#000;
    font-size:11px;
    color:#fff;
    margin:0 auto;
    padding:10px 0;
    text-align:center;
    position:relative;
    border-top:#bbb 1px solid;
    border-bottom:#000000 6px solid;
    font-family:verdana, helvetica, arial, times;
    }

    #footer a {
    color:#555;
    font-weight:bold;
    text-decoration:none;
    font-family:verdana, helvetica, arial, times;
    }

    #footer a:hover {
    color:#fff;
    text-decoration:none;
    font-family:verdana, helvetica, arial, times;
    }

    .clear {
    clear:both;
    }

    .warning p {
    background:url(images/warning.gif) no-repeat left;
    height:160px;
    padding:20px 0 0 90px;
    font-size:20px;
    margin:0 0 0 10px;
    }

    #wp-calendar {
    padding:10px 0 0 0;
    font-size:12px;
    }

    #wp-calendar caption {
    text-align:left;
    padding:0 0 5px 0;
    }

    #wp-calendar tr th,
    #wp-calendar tr td {
    padding:0 6px 0 0 ;
    text-align:right;
    }

    #wp-calendar td a {
    font-weight:bold;
    }

    #wp-calendar td a:hover {
    font-weight:bold;
    }

    img.wp-smiley {
    padding:0;
    border:none;
    }

    input:focus, textarea:focus{
    background-color:#ffc;
    }

    abbr {
    border:none;
    }

    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft {
    float:left;
    }

    .alignright {
    float:right;
    }

    .wp-caption {
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    margin:10px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-family:verdana, helvetica, arial, times;
    }

    .wp-caption img {
    margin:0;
    padding:0;
    border:0 none;
    }

    .wp-caption-dd {
    font-size:11px;
    line-height:17px;
    padding:0 4px 5px;
    margin:0;
    }

    /* self-clear floats */

    .group:after {
    content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    /* IE Hacks */

    *html #bubble {
    display:none;
    }

    *html #bubble p {
    display:none;
    }

    * html .group,
    * html #nav ul li a {
    height: 1%;
    }

    *:first-child+html .group {
    min-height: 1px;
    }

    * html #nav ul li a {
    display: inline;
    }

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Extra white space above footer’ is closed to new replies.