Support » Theme: Customizr » Problem with featured image in IE

  • Resolved Tasha

    (@queenv)


    Hi all, I have a problem with my featured images on the homepage. In IE it shows a thin line either next to or underneath the image on roll over. As if the masking is not covering the image completely. All other browsers seems to be ok.

    Any ideas what this could be please?

    http://www.granthamfarm.angelicdesign.co.uk/

    Thank you in advance!

Viewing 15 replies - 1 through 15 (of 58 total)
  • Moderator Andrew Nevins

    (@anevins)

    Which image is the featured image and which version of IE are you experiencing the issue in?

    I am using IE 10. By featured images I mean the three circle images on the homepage.

    [Moderator Note: No bumping, thank you.]

    Has anyone got any idea about this problem please? I noticed it happens on this demo site too:

    http://demo.themesandco.com/

    Moderator Andrew Nevins

    (@anevins)

    I couldn’t replicate the problem using IE10.

    I’m not seeing anything wrong in IE 10.0.9200 either.

    I’ve looked at it with 2 different machines in IE 10 Windows 8. Happens in both.

    I forgot to say I was using Win7. Know anyone who’s NOT Win8?

    Right, two other people tested it for me and it looks like it is a Win8 problem. Any ideas what can be done to fix it? Work arounds? I don’t even know where to start looking?

    I don’t have access to Win8 so can’t help this time, sorry.

    Moderator Andrew Nevins

    (@anevins)

    Is this what you see in the circle rollover animation http://snag.gy/ThAqS.jpg (over the first circle) ? Does the issue go away before the animation has started and after it has completed, does it only persist in the animation process?

    Yes that is what I am seeing. And yes it only persist in the animation process. You sound like you have an idea what it is and hopefully how to fix it 🙂

    Moderator Andrew Nevins

    (@anevins)

    In your “Custom CSS” part of the dashboard try entering this:

    .span1,
    .span2,
    .span3,
    .span4,
    .span5,
    .span6,
    .span7,
    .span8,
    .span9,
    .span10,
    .span11,
    .span12,
    img {
      transition-property: all;
    }

    Thanks you Andrew. I added it to my style.css in my child theme. Does that do the same thing? It didn’t change anything?

    Moderator Andrew Nevins

    (@anevins)

    This will affect other browsers but can you add this and see if it helps:

    .thumb-wrapper {
     width: 271px;
     height: 252px;
     margin-top: -2px;
    }

    Hi Andrew, thanks for this.

    Good news is it works on the laptop.

    Bad news is it gives problems on my phone (Samsung Galaxy S2) It is showing the image in the top right corner (where it should be masked) and the images are not in the centre anymore. Can’t test other devices right now but definitely not good on my phone.

Viewing 15 replies - 1 through 15 (of 58 total)
  • The topic ‘Problem with featured image in IE’ is closed to new replies.