Centering tab indicator

0
Hello, I want to make the tab indicator is centered like the text. How do I achieve this?
asked
1 answers
2

Hi Wahyu Dimas,

Please Use this Properties as below mentioned and add the classname as tab-lined-custom and in the 

.tab-lined-custom.tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a, .tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a:hover, .tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a:focus {

  1. border: 0;
  2. border-bottom:

    3px

     solid #6900ef;
  3. background-color: transparent;
  4. letter-spacing: 0.02em;
  5. font-size: 13px;

}

 

hope this information helps,

if you want to align the tabs to right left or center you can choose it in the tab position or if the above code not works try to add the width for the tabname it will fix for sure.

 

hope this helps.

answered