Cant get a background tab colour to change

  • russbanner
    Asked on October 30, 2017 at 1:07 PM

    Hi there 


    cant get a css code to work, trying to get the background tab colour to change to a grey but the coding isnt doing anything. I have done this before and works fine but each time i change it, reverts to white for the current tab. Here is what i have entered.



    .tabs-list li {font-size:13px;}

    div.liBefore, div.liAfter {

      display: none !important;

    }

    .tabs-list li {

      border-radius: 10px !important;

      color: #FFF !important;

      background:  #841B18 !important;

    }

    .tabs-list li.current {

      background:  #a8a8a8 !important;

      color:  black !important;

    }

  • BJoanna
    Replied on October 30, 2017 at 1:23 PM

    Add this CSS code to the Form Tabs widget Custom CSS field:

    .tabs-list.default li.current {

        background: #a8a8a8 !important;

    }

    1509383988css Screenshot 10

    Here is my demo form: https://form.jotform.com/73025019051949 

    1509383951tabs Screenshot 21

    Feel free to test it and clone it

    Let us know if you need further assistance.