Reply To: Centering Tab Headings

[Robert Kavgić]

Hello,

The horizontal’s tabs text is already aligned to center. You just need to align the text for the vertical ones.

There is much simpler solution which requires adding one line to style.css to center the text in vertical tabs.

Open your css/style.css and go to about line 4861 where it’s written:

.tabs.vertical li a {
  color: #333;
  padding: 15px;
  font: 13px 'Open Sans', Arial, sans-serif;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

add the following rule to the found class:

text-align: center;

So the modified code looks like the following:

.tabs.vertical li a {
  color: #333;
  padding: 15px;
  font: 13px 'Open Sans', Arial, sans-serif;
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

Robert