WordPress.org

1. particlepat
   Member
   Posted 2 years ago #

   I know it's crazy right! My site looks just how I want it to in FireFox, Opera, even in IE, but the text in the footer is messed up in safari. I tried resetting the text size through the browser and that isn't the problem. Does anyone know how to fix this? My site is here.

2. Steffen Jørgensen
   Member
   Posted 2 years ago #

   "messed up" is not much information...

   Safari renders text very different than other browsers.

3. particlepat
   Member
   Posted 2 years ago #

   well the text is larger than the other browsers and it is causing the divs in my footer to display out of order.

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try setting a percentage body font size and enclosing multiple name font families in quotes:

   Edit style.css (line 356) and change:

   body {
   background:#DCDCDC none repeat scroll 0 0;
   font-family:trebuchet ms,arial,helvetica,sans-serif;
   margin:0;
   padding:0 0 15px;
   text-align:center;
   }

   to

   body {
   background:#DCDCDC none repeat scroll 0 0;
   font-family:'trebuchet ms',arial,helvetica,sans-serif;
   font-size:100.1%;
   margin:0;
   padding:0 0 15px;
   text-align:center;
   }

   Let me know how if it works or not. This used to be an old IE bug, so I'm curious to see if it's something that could impact on Safari. I always set a body font on all designs, so it wouldn't be an issue I'd seen for a very long time.

Topic Closed

This topic has been closed to new replies.