Center tabs

bbatev

Hi,

How can I center tabs as you've done here http://themes.muffingroup.com/betheme/home/university?mfn-h=classic&mfn-o=931919&mfn-c=one&mfn-f=Lato&mfn-l=university

Albert

Hi,

for this page we setup own section for tabs, and section got departments ID. And then we used below css for this page, because now you are able to setup different custom css for different pages. The field for that is in "Page options" section and is called Custom CSS.

#departments .ui-tabs .ui-tabs-nav { text-align: center; }
#departments .ui-tabs .ui-tabs-nav li { display: inline-block; float: none; }
#departments .ui-tabs .ui-tabs-panel { overflow: hidden; padding: 35px 20px 35px; }
#departments .ui-tabs .ui-tabs-panel .column { margin-bottom: 25px; }
#departments .ui-tabs .ui-tabs-panel > .column { margin-bottom: 0; }

Next time, if you don`t know how some things were created, we recommend to import page with all settings so you can learn how things were done. Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bbatev

Thanks a lot!