tabs widget hover effect

  • natupote
    Asked on July 27, 2016 at 3:24 PM

    how to put a hover effect in the tabs widget? A css code will help me a lot!

  • David JotForm Support Manager
    Replied on July 27, 2016 at 5:14 PM

    You can accomplish it by injecting custom CSS code inside the widget, example:

    #form-tab-1:hover { 

     background-color: blue !important;

    border: 4px solid blue !important;

    }

    #form-tab-2:hover{ 

    background-color: blue !important;

    border: 4px solid blue !important;

    }

    #form-tab-3:hover{

    background-color: blue !important;

    border: 4px solid blue !important;

    }

    tabs widget hover effect Image 1 Screenshot 20

    Let us know if you need more help.