Have you corrected the problem? I cannot see any text overlapping at the link you provided using Firefox or IE9.
Thread Starter
hmnim
(@marktiddy)
No I haven’t. I know it works in IE and Firefox just not in Chrome or Safari…it’s bizarre
At lines 411-416 of style.css you find these lines:
@media screen and (-webkit-min-device-pixel-ratio:0){ #content {
margin: 0 10% 0 0;
}} /*end safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){ .page #content, .single #content {
margin: 0 22% 0 0;
}} /*end safari hack */
If I change the 10% margin to 22%, there is no overlap. It is possible that this hack is no longer needed.
Thread Starter
hmnim
(@marktiddy)
Thank you!
that’s fixed it in Safari but not in Chrome…hmm
Odd – it worked for me in Chrome. Have you cleared your cache?
Thread Starter
hmnim
(@marktiddy)
I have now and it still does the same…I’ll give it a bit of time and see if that clears it…thank you for your help
It looks like line 411 is still set at 10%.
Thread Starter
hmnim
(@marktiddy)
On mine lines 407 – 16 read
}
#content {
margin: 0 22% 0 0;
}
#main .widget-area {
float: left;
overflow: hidden;
width: 20%;
Are you looking at wp-content/themes/skirmish/style.css?
I can’t explain it. When I look at the css in Firebug, it is still set at 10% as before. Changing it to 22% removes the overlap.
Perhaps you can search other css files for the 10%.
Thread Starter
hmnim
(@marktiddy)
It’s very strange, I’ve pulled up all the CSS files in the theme folder and can’t find any reference to 10% in any of them
Are you using a WP caching plugin?
Thread Starter
hmnim
(@marktiddy)
Nope, I’m accessing the file directly through FTP
If you have a WP caching plugin, you should clear it.
