Blog

hemingway reloaded fixes

Posted by:

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

8


About the Author

Thorsten is the author of the conjoon open source project and the Ext.ux.Livegrid component. In this blog he writes more or less frequently about his current projects and web development in general.

Discussion

  1. 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)
  2. david  October 24, 2007

    Thanks very much for the tip – works wonderfully with your suggested fixes.

    (reply)
  3. 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)
  4. 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)
  5. 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)
  6. 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)
  7. 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)
  8. 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)

Add a Comment


Refresh