Quantcast
Viewing all articles
Browse latest Browse all 8

hemingway reloaded fixes

Hemingway Reloaded is a great theme for the WordPress Blogging Software, however, it lacks a little bit IE 7 compatibility.

Here are two simple fixes for the style.css which will display the startpage correct.

First off, in style.css, change the width of #primary.twocol-stories .story to 47% instead of 48%:

#primary.twocol-stories .story{
    float:left;
    width:48%;
    margin:0 0 0 4%;
    display:inline;
}

becomes

#primary.twocol-stories .story{
    float:left;
    width:47%;
    margin:0 0 0 4%;
    display:inline;
}

This will display the two columns holding excerpts from the newest posts correct.

Secondly, change the font-size in .story .details to 10px, so the readon_black.gif gets displayed correct:

.story .details{
    margin:1em 0;
    text-align:right;
    border-top:1px solid #cccccc;
    padding:0.5em 0;
    font-size:0.95em;
    color:#4D4D4D;
}

becomes

.story .details{
    margin:1em 0;
    text-align:right;
    border-top:1px solid #cccccc;
    padding:0.5em 0;
    font-size:10px;
    color:#4D4D4D;
}

Et vóila, your done. Enjoy your new theme! I have attached two screenshots that will illustrate the changes:

Untouched style.css (IE7):

Image may be NSFW.
Clik here to view.
Before fixing style.css

After changing style.css (IE7):

Image may be NSFW.
Clik here to view.
After changing style.css


Viewing all articles
Browse latest Browse all 8

Trending Articles