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):
After changing style.css (IE7):
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
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.
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
Thanks, just installed Hemingway on Wordpress.
Is there any workaround displaying 4 postings on the frontpage? CSS - oh my god… where should I begin… 
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?
[…] users at the moment) it would have appeared less than perfect. A quick google search led me to Mind Poetry who wrote 2 simple fixes for me to do so that IE7 web users can see why I love this […]
Does anyone know how to remove the horizontal bar at the bottom of the theme (above the Powered by and RSS links)?
Superb.
Now we just need to do something about the over-ambitious search-box, stretching all the way across the header…