How To Align Tabs In Center and Increase Its Font Size

[Iqbal]

Iqbal

December 7, 2017 at 2:08 am

I want to make a Resources page on my website so for that purpose I wanted to use 3 different tabs. When I used Tabs shortcode inside visual editor, it got aligned to left automatically.

I used this CSS:

tabs {
text-align: center;
font-size: 26px;
}

But this didn’t just align tabs in center and increased their size, it also aligned all the content inside tabs to center and increased their font size. There were no unnecessary tags around tabs.

So rather than using tabs inside Visual Editor, I decided to use Tabs & Accordions widget for tabs. But the problem is same, I want to align it to center and increase its font size without affecting content inside them.

Please suggest how to do this.