Centering Horizontal Tabs

Beaver Builder
1

Is there any CSS that can be applied to get the Horizontal Tabs to show in the Middle or Right Aligned instead of Left Aligned?

Thanks.
Doug

2

Hey Doug,

Just letting you know that we are looking into this and will get back to you shortly! :slight_smile:

Thanks!

KC

3

Hey Doug,

If you wish to right align it, try the CSS snippet below.

.fl-tabs-horizontal .fl-tabs-label {
    float:right;
}

To center align it, try the solution found on the thread below. Let us know how it goes! :slight_smile:

http://forum.wpbeaverbuilder.com/support/q/looking-for-help-styling-tabs/

Thanks!

KC

4

Hi KC,

I had previously tried the the link you added, but couldn’t get it to work for horizontal tabs.

I really want to be able to center the tab labels horizontally. The tabbed content (large image gallery) is full width and I think having 2 or 3 tabs would look much better if they were centered rather than left or right. I’m using the tabs to act as a way to display different galleries.

Let me know if there’s a better solution.

Thanks.
Doug

5

Hey Doug,

Do you think you can share the URL of the site in question so we can take a look?

Ben

6

[Content Hidden]

7

Hey Doug,

Sorry to say, but with the layout you’re trying to achieve, you need to do that. I’m not really sure if there is a way around that via CSS. Feel free to ask the same question over to the FB Group or Slack Channel and see if they have some recommendations. :slight_smile:

Ben