Quote Image large in IE10

7 posts from 2 voices

• Started 3 months ago by mdrobbins
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   mdrobbins
   Member

   In IE9 on Win7 and IE10 on Win8, I get a very large left quotation mark when using the Quote post format. I didn't see any other mention in the support forum but assumed since it's happening in IE9 that it would have been addressed.

   Any idea what might cause this and how to fix it?

   Here's a link to an image showing the problem: https://www.dropbox.com/s/va60mwjnn86a9jt/large-quote.png

   You can see it live here: http://rogue-systems.com

   Thanks,

   Mike

   Posted 3 months ago #
2. 

   Dude
   Dude

   Hey!

   Please try to add following code to css/custom.css:
   

   .msie .first-quote::before{
   font-size: 1em;
   }

   Regards,
   Peter

   Posted 3 months ago #
3. 

   mdrobbins
   Member

   Thanks. Gave that a shot, but it didn't seem to work. I could see in the developer tools that the style in custom.css was being overridden in layout.css with this:

   .first-quote:before{
       font-size: 4em;
   }

   I changed this to 1em and it seems to work, but I'm not sure if it impacts anything else. I guess we'll see.

   Thanks for pointing me in the right direction!

   Mike

   Posted 3 months ago #
4. 

   mdrobbins
   Member

   So far no issues with this change.

   /* crossing fingers */

   Posted 3 months ago #
5. 

   Dude
   Dude

   Hi!

   You can also try to add an !important tag to it like:

   .msie .first-quote::before{
   font-size: 1em !important;
   }

   Best regards,
   Peter

   Posted 3 months ago #
6. 

   mdrobbins
   Member

   I'm sorry to revive this two-week old thread, but I'm still having a problem with this.

   If I just add the recommended lines to custom.css (with or without the !important), it has no effect in IE9/10

   If I adjust the 4em to 1em in layout.css, it looks perfect in IE9/10, but in Chrome, the first quote is way too small (barely visible).

   Any other ideas about how to fix this in IE?

   Thanks,

   Mike

   Posted 3 months ago #
7. 

   Dude
   Dude

   In this case revert the change in layout.css. Then open up header.php and search for following code:

   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

   Replace it with:

   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   
   <!--[if IE]>
       <style type="text/css">font-size: 1em !important;</style>
   <![endif]-->

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.