Linkable Iconboxes (Again)

[nekket]

Hello,

we would like to ask if there’s already a solution to add a link to the sf_iconbox shortcode.
In http://support.swiftideas.net/forums/topic/linkable-iconboxes/ we found this as a feature request and hope that this has been implemented so far. At the moment, we’re able to add a link but there is a css problem because the box is not “clickable”:
http://2014.pixelpublic.de/leistungen/

Any ideas?

[Kyle – SUPPORT]

Hi

Yes we added this functionality, you can use the icon box page builder asset (not the shortcode) and set a link in the settings (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.

[nekket]

Thank you!
I just tried but there seems to be a problem while using the animated boxes:
http://2014.pixelpublic.de/leistungen/ (password: 1337)

If you hover the box (the big one on the bottom) and move the cursor over the text and back to the blank box space then you can recognize that it’s not clickable any more.

[Mohammad – SUPPORT]

Hi,
I am not getting this issue as you reported. I see color box with click-able text.
Thanks

[nekket]

In Firefox it works. But in Chrome, it’s a little bit confusing:
When you hover the link, it works. When you move the cursor over the text, it only works on the right side of the box. On the left side there doesn’t seem to be a link (have a look on the attached screenshot).

Any idea?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Also can’t replicate the issue in Chrome. See that you Dante was updated to the last version.
Can you try to clear the cache and check if the issue still exists?

-Rui

[nekket]

Hello Rui,

Yesterday one of my employees found a solution for the problem in Chrome:

.standard-browser .sf-icon-box-animated:hover .inner, .no-csstransitions .sf-icon-box-animated .inner, .sf-icon-box-animated.sf-mobile-hover .inner {
-webkit-transform: rotateY(-180deg) translateZ(1px);
-moz-transform: rotateY(-180deg) translateZ(1px);
-ms-transform: rotateY(-180deg) translateZ(1px);
-o-transform: rotateY(-180deg) translateZ(1px);
transform: rotateY(-180deg) translateZ(1px);
}

But thanks for your support 🙂

[Mohammad – SUPPORT]

Hi,
Great! I am glad that you managed to resolve the issue.
Thanks