Icon boxes showing up backwards in firefox (mac)

[e3templates]

Hi, the icon boxes that swivel round on this site are not showing how they should on firefox mac, they are showing the text backwards that shows when on hover. screenshot attached of how it looks on ff mac and how it should look from chrome.

i notice i can update the theme, will this change the site if updated?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sf-icon-box-animated .front, .sf-icon-box-animated .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.no-csstransforms3d .sf-icon-box-animated .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.no-csstransforms .sf-icon-box-animated .back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
}

Thanks 🙂
With Best Regards
Swift Ideas

[e3templates]

fantastic thankyou!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Swift Ideas