Cant get a background tab colour to change

  • Profile Image
    Asked on October 30, 2017 at 01: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;


  • Profile Image
    Answered on October 30, 2017 at 01:23 PM

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

    .tabs-list.default li.current {

        background: #a8a8a8 !important;



    Here is my demo form: 


    Feel free to test it and clone it

    Let us know if you need further assistance.