Okay
  Public Ticket #193299
Button Icons not only on Rollover
Closed

Comments

  • Tracy started the conversation

    I'm trying to make the icon display in a button. It looks like it will only display on rollover. 

    Is there a setting that would make the icon be included in the button even when it's not being rolled over? 

    Thanks.

  •  8,470
    Tahir replied

    Hey Tracy!

    If you can provide us the page link and location of that button i could write some css to override the rollover so its always there. 

    Cheers


    ThemeNectar Support Team 

  • Tracy replied

    Thanks. I am just now starting with this site so there isn't much there at the moment. You can see the page I was testing with here:

    http://temp.aphasiavideos.com/our-program/

    There are two buttons that say "Test Button" that are using the option in the Button Shortcode set up to add the icon. There are a couple of other attempts on the page to do it manually that I found from the archives. They didn't really work out so well. 

    Ideally, I would just like to add an icon to a button and have it show up all the time whether it's in the rollover state or not. 

    Thanks for your help!

    Tracy

  •  8,470
    Tahir replied

    Hey Tracy!

    Add this into the Custom CSS box located in your Salient Options panel Or on the Visual Composer Css button so the css shows on that page only:

    .nectar-button.has-icon span {
    	left: -18px;
    }
    .nectar-button.has-icon i {
    	opacity: 1;
    	-ms-filter: "alpha(opacity=100)";
    	right: 24px;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Tracy replied

    That works like a champ! Perfect. 

    Thank you very much!

  • mcmurrich replied

    Thanks as well!