Blog

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):

Before fixing style.css

After changing style.css (IE7):

After changing style.css

Discussion

8 Comments
2 Trackbacks

Michael July 30, 2007

Superb.

Now we just need to do something about the over-ambitious search-box, stretching all the way across the header…
(reply)
david October 24, 2007

Thanks very much for the tip – works wonderfully with your suggested fixes.
(reply)
Robin November 1, 2007

I was glad to see I finally found a fix for this problem, however the Hemingway reloaded theme causes more glitches then this.
Don’t know if this is on IE7 but on IE6 for instance your post with name “Oâ€™zapft is!” had the layout screwed up. The “about this entry” column was under the picture the first time I looked at it and the second time the commentblock were it says “Name (required)” and Email(required) showed up in the middle of the image (I have the same problem here in IE6)
That’s why I for the time being switched back to the vicky eyeball theme as this one doesn’t seem to have any display problems but I don’t like the black colous there .
It’s a pitty though because I really liked the minimalistic look of hemmingway reloaded.
One more question for you and hope you can help, do you know which value to change in style.css to make the font of the comments and entries a bit bigger. On big screens with a large resolution it’s hard to read.
(reply)
Felipe Medina November 14, 2007

I have a problem with the two-cols the block are bad shown i don’t know why.

look my site and give some help i you can

thanks
(reply)
Thomas December 12, 2007

Thanks, just installed Hemingway on WordPress.
Is there any workaround displaying 4 postings on the frontpage? CSS – oh my god… where should I begin…
(reply)
Chris Allick November 16, 2008

Hey, so i used

* + html selector_here in order to correctly adjust for ie7. These are just ie7 fixes right? Or do they help the layout in all browsers?

Any issues with ie6?
(reply)
Greg March 7, 2009

Does anyone know how to remove the horizontal bar at the bottom of the theme (above the Powered by and RSS links)?
(reply)
Frinty June 5, 2009

Nice share? but i think not bad add a link to the theme this will be interesting, who dont know)
(reply)