Buttons like Dante?

[mgma]

Hi guys-

I had an old Dante site freak out on me recently, for a reason no one knows. Ed’s suggestion was to get a copy of Uplift and bring the content over, which I’ve done. All in all, it has worked great.

However, I’m wondering if there’s a way I can mimick the icon reveal buttons on dante on the new Uplift site. They are revealing now, but on the right of the copy in the button instead of left, and a growing type animation instead of the sliding in like the dante buttons, which also allowed me to style the reveal area differently to show a different background color etc. beghind the logo, then on the rest of the button. Is there a way I can make these new Uplift buttons behave like the older dante buttons?

Here’s an example of the old dante buttons we like…

http://spatialpoint.com/bing-maps/bing-maps-extended/

and here are the new buttons in Uplift, with the icon-reveal still called for…

http://vistacode.net/spatialpoint/bing-maps/bing-maps-extended/

Any ideas/fixes would be helpful… Thanks!!

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

a.sf-button.sf-icon-reveal i {
  left: 0;
  right: auto;
  text-align: left;
  top: 0;
  transform: translate(-30px);
}
a.sf-button.sf-icon-reveal:hover span.text {
  transform: translateX(10px);
}

– Kyle