ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• November 14, 2013 at 5:11 am #31275
  The Hutong

  Member

  Post count: 21

  Hi,

  One of my colleagues opened our home page with Safari, and things got messed up when i hover over the posts in “Upcoming Events” – the “What we offer” section got messed up. See attached when the page is fine, when i hover over and when i scroll down a little. Any idea on this?

  Also, i would like to ask how i can remove the zoom in/Red cover when i hover over? I was using “Portfolio” element.

  Thanks for your help in advance.

  Ivy

  November 18, 2013 at 7:50 am #31767
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi Ivy,

  What version of Safari was this on? Are you able to replicate it on multiple computers?

  For the hover overlay, you can add the following to the custom css box within theme options:

  figure .overlay {
  display: none;
  }

  – Ed

  November 18, 2013 at 8:30 am #31783
  The Hutong

  Member

  Post count: 21

  Ed,

  Thank you for your reply. No, actually i tried on other safaris but only that one has the problem.

  Yeah the above code does kill the red cover, but i don’t want the zoom in as well. What’s the code for that?

  Thank you so much for your help, really appreciate it.

  Ivy

  November 19, 2013 at 5:02 pm #32115
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, which zoom?

  November 20, 2013 at 2:37 am #32218
  The Hutong

  Member

  Post count: 21

  Hi,

  See attached. When i hover over the picture will get zoomed in a little.

  Thanks!

  Ivy

  November 20, 2013 at 9:47 pm #32435
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, that zoom is a feature of the theme and happens in every browser, it shouldn’t be safari specific. Cheers

  November 21, 2013 at 3:15 am #32486
  The Hutong

  Member

  Post count: 21

  Hi Melanie,

  Thank you for your reply, but that’s not what i meant. Let’s forget about the Safari thing, what i mean is that i DON’T want the effect that it’s actually zooming on hover, any way we can kill it? Like putting some code in the Custom css box.

  Thanks for your help.

  Best,

  Ivy

  November 24, 2013 at 11:30 am #33061
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hey there,

  The below will sort that out for you:

  figure:hover img {
  -moz-transform: scale(1)!important;
  -webkit-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  transform: scale(1)!important;
  }

  – Ed

  November 24, 2013 at 3:10 pm #33076
  The Hutong

  Member

  Post count: 21

  Amazing. Thank you so much Ed!

  November 26, 2013 at 3:10 pm #33521
  Melanie – SUPPORT

  Member

  Post count: 11032

  Fantastic 🙂

• Back to forum

  Posted in: Flexform