Okay
  Public Ticket #1259018
Remove button animation on hover
Closed

Comments

  • crosslightadvice started the conversation

    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,333
    Tahir replied

    Hey,

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

    Thanks


     Salient Support Team |  Say Hello!

  •   crosslightadvice replied privately
  •  9,333
    Tahir replied

    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 |  Say Hello!

  • crosslightadvice replied

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

  •  9,333
    Tahir replied

    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 |  Say Hello!

  • crosslightadvice replied

    Tahir you're awesome! Thank you so much.