tabs widget hover effect

  • Profile Image
    natupote
    Asked on July 27, 2016 at 03:24 PM

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

  • Profile Image
    BDAVID
    Answered on July 27, 2016 at 05: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;

    }

    Let us know if you need more help.