Centering the tab buttons?

Tabs module is the easiest and convenient way to create tabs in Joomla website with powerful features like JSON or XML support.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Wed Mar 19, 2014 5:41 pm
Hi,
I need to center the tab buttons and spread them to full width.

I added this code to overrides.css:

Code: Select all
.gkTabsWrap.vertical ol li {
  text-align: center;
  width: 46.45%;
}


But it leaves the right border of the second tab visible. How can I evade this?

Here is a test link: http://gorast.com/HOSTmaster/luxintegra-mk/#gkHeader

Thanks,
Gorast
User avatar
Platinum Boarder

GK User
Thu Mar 20, 2014 10:00 am
hi,
you talk about white 1px line ? between right tab border and border around tabs ?
User avatar
Platinum Boarder

GK User
Thu Mar 20, 2014 10:05 am
In general You can try to use this:
Code: Select all
.gkTabs-2.active,  .gkTabs-2 {border-right:0px !important; }
User avatar
Platinum Boarder

GK User
Tue Mar 25, 2014 2:10 pm
Pawel F wrote:In general You can try to use this:
Code: Select all
.gkTabs-2.active,  .gkTabs-2 {border-right:0px !important; }


Works good.
Thanks,
G
User avatar
Platinum Boarder


cron