I need to change the small tabs iconv

Hy,

I read all support post but i can't found the resolution to my problem, i need to change the small tabs icon, i try to set in the custom css class the gk-tab-8 for have in the small tab the controller but when i go to watch the page i see only the cloud... this is the link to my site http://nauticoonline.com/ , you can see the Veloce or Online tabs, in that i set the gk-tabs-6 and the gk-tabs-5.... Why doesn't work?

I'm wondering why file:
/css/gk.stuff.css
isnt loaded in your site - this file contains all necessary classes to show icons correct way:

Code: Select all

.big .gkTab ul.gkTabs li.gkTab-1 {
   background-position: 45px 0;
}
.big .gkTab ul.gkTabs li.gkTab-1:hover,.big .gkTab ul.gkTabs li.gkTab-1.active {
   background-position: 45px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-2 {
   background-position: -155px 0;
}
.big .gkTab ul.gkTabs li.gkTab-2:hover,.big .gkTab ul.gkTabs li.gkTab-2.active {
   background-position: -155px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-3 {
   background-position: -355px 0;
}
.big .gkTab ul.gkTabs li.gkTab-3:hover,.big .gkTab ul.gkTabs li.gkTab-3.active {
   background-position: -355px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-4 {
   background-position: -555px 0;
}
.big .gkTab ul.gkTabs li.gkTab-4:hover,.big .gkTab ul.gkTabs li.gkTab-4.active {
   background-position: -555px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-5 {
   background-position: -755px 0;
}
.big .gkTab ul.gkTabs li.gkTab-5:hover,.big .gkTab ul.gkTabs li.gkTab-5.active {
   background-position: -755px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-6 {
   background-position: -955px 0;
}
.big .gkTab ul.gkTabs li.gkTab-6:hover,.big .gkTab ul.gkTabs li.gkTab-6.active {
   background-position: -955px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-7 {
   background-position: -1155px 0;
}
.big .gkTab ul.gkTabs li.gkTab-7:hover,.big .gkTab ul.gkTabs li.gkTab-7.active {
   background-position: -1155px -200px;
}
.big .gkTab ul.gkTabs li.gkTab-8 {
   background-position: -1355px 0;
}
.big .gkTab ul.gkTabs li.gkTab-8:hover,.big .gkTab ul.gkTabs li.gkTab-8.active {
   background-position: -1355px -200px;
}


Loading of this file takes place in /layouts/blocks/head.php with line:

Code: Select all

$this->API->addCSS($this->API->URLtemplate() . '/css/gk.stuff.css');


sorry but i don't found /layouts/blocks

i search this file in: wp-content/theme/appspro../layout ----> but insn't inside...

inside layout i found header.php i modify that?

I have already uploaded the gk.stuff in the css folder.

i have another consideration, i search the gk.stuff in the quick install folder downloaded from your site but isn't inside that.

Hi queerinsider,

Above posts are about Joomla version of AppsProTech.

Regards Wordpress, all necessary classes to show icons are in AppsProTech/css/extensions.css file (from line 531), you don't need the gk.stuff file.

ok but solution for my problems? how i can change the small tabs icons, i want use the default icons but i need the 7-8 icons and i can't set it

Enable Use the override.css file option (Appsprotech -> Template Options -> Advanced), then go to AppsProTech/css/override.css file and add this code:

Code: Select all

.box.big-tabs .gk-tabs-wrap .gk-tab-2 {
background-position: -800px 0;
}

.box.big-tabs .gk-tabs-wrap .gk-tab-2:hover,
.box.big-tabs .gk-tabs-wrap .gk-tab-2.active,
.box.big-tabs .gk-tabs-wrap .gk-tab-2.active:hover {
   background-position: -800px -200px;
}

.box.big-tabs .gk-tabs-wrap .gk-tab-3 {
background-position: -1200px 0;
}

.box.big-tabs .gk-tabs-wrap .gk-tab-3:hover,
.box.big-tabs .gk-tabs-wrap .gk-tab-3.active,
.box.big-tabs .gk-tabs-wrap .gk-tab-3.active:hover {
   background-position: -1200px -200px;
}

many thanks for your support Piotr but i need to change the small tabs, i also try to put that file in my root but nothing change, please help me for the little tabs.


Thanks you

I just realized that we have small bug in tabs implementation. I'll fix it in the nearest theme update, for now replace your AppsProTech/css/extensions.css with attached file.

After that, custom css class from gk-tab-1 to gk-tab-8 will work properly.

regards, and thanks for your feedback.

Hooo... Thanks you! now my site work ! thanks for your support!