Center tab icons

**GK User** Mon Sep 23, 2013 2:02 pm

Hi Guys,

I've hidden one of the 4 tab icons on the main page and would like to center the remaining three (balance, variety, moderation).
Is this possible:
www.nicolestilwell.com

**GK User** Mon Sep 23, 2013 2:08 pm

Please edit: /templates/gk_appsprotech/css/override.css and add at its end:

Code: Select all: .gkTabsGK5 ol.gkTabsNav {padding-left: 80px;}

Adjust value to your taste.
Remember to enable "CSS override" in template settings - advanced section.

**GK User** Mon Sep 23, 2013 3:38 pm

Thanks Cyberek but that doesn't seem to work.

**GK User** Mon Sep 23, 2013 3:44 pm

Try to force it with !important:

Code: Select all: .gkTabsGK5 ol.gkTabsNav {padding-left: 80px!important;}

**GK User** Mon Sep 23, 2013 4:59 pm

That worked thanks Cyberek but now the little speech bubble arrows are not lining up correctly. Is it possible to shift them over too?

**GK User** Tue Sep 24, 2013 10:07 pm

More editting:
/templates/gk_appsproteach/js/gk.scripts.js
change (line 166):

Code: Select all: jQuery(GKArrowFX[module_id]).animate({ 'margin-left': 100 - diff*current}, 250);

to:

Code: Select all: jQuery(GKArrowFX[module_id]).animate({ 'margin-left': 100 - diff*current + 135}, 250);