Okay
  Public Ticket #1259018
Remove button animation on hover
Closed

Comments

  • crosslightadvice started the conversation
    July 31, 2017 at 12:06pm

    Hi,

    I'd like to use an icon within the nectar button but remove the slide animation that happens on hover. Is it possible to do this?

    Thanks

  •  9,363
    Tahir replied
    July 31, 2017 at 12:27pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

     Salient Support Team 

  •   crosslightadvice replied privately
  •  9,363
    Tahir replied
    July 31, 2017 at 12:49pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar-button.has-icon:hover i, .nectar-button.tilt.has-icon i {
    opacity: 1!important;
    -ms-filter: "alpha(opacity=100)";
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px)!important;
}

    Thanks

     Salient Support Team 

  • crosslightadvice replied
    July 31, 2017 at 1:00pm

    Great, thanks. It's working on the orange "Script" and "Video" buttons but not on of black "Download" button.

  •  9,363
    Tahir replied
    July 31, 2017 at 1:15pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span {
    -ms-transform: translateX(0px) !important;
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
}

    Thanks

     Salient Support Team 

  • crosslightadvice replied
    July 31, 2017 at 1:59pm

    Tahir you're awesome! Thank you so much.