Add Tabs on the same row

Hi, I need to have 7 Tabs on the same row.
I searched the forum and fond this that works with GKTabs4 :
https://www.gavick.com/forums/appsprote ... 15644.html
but I am using GKTabs5 and I can't help to find how to solve my problem.
Here is a link of the website I am working on :
http://www.osons-plesse.fr/
Thanks for any help.
Cheers
Denis

Hi Denis.
Because this is customization, here I can give you only basic tips :

1) Start from this CSS :

Code: Select all

.big .gkTabsWrap.vertical ol li {width:137px;}

2) Now you have to also reduce size of icons a little bit : templates/gk_appsprotech/images/style3/tabs_small_icons.png
using photoshop or any other graphic tool

3) last step, you have to move each background img into left
using CSS changing default values.
Here: templates/gk_appsprotech/css/gk.stuff.css
starting from line 188 :

.big .gkTab ul.gkTabs li.gkTab-1, .big .gkTabsGK5 ol.gkTabsNav li.gkTabs-1 { background-position: 45px 0; }

New one

.big .gkTab ul.gkTabs li.gkTab-1, .big .gkTabsGK5 ol.gkTabsNav li.gkTabs-1 {
background-position: 5px 0;
}

Wowwww!
Oscar, with these explanations, it became a piece of cake. Thanks a lot.
Instead of changing the positions of the icons in the template, I stuck them to the left in Photoshop. Then it fitted perfectly.
Thanks again mate.
Denis