I need to change the small tabs iconv

AppsPro Tech - Quickly create elegant website with this app WordPress theme.
GK User
Sat Jun 01, 2013 5:19 pm
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?
User avatar
Fresh Boarder

GK User
Sun Jun 02, 2013 11:09 am
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');
User avatar
Moderator

GK User
Sun Jun 02, 2013 11:59 am
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?
User avatar
Fresh Boarder

GK User
Sun Jun 02, 2013 12:13 pm
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.
User avatar
Fresh Boarder

GK User
Sun Jun 02, 2013 4:58 pm
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.
User avatar
Moderator

GK User
Sun Jun 02, 2013 5:35 pm
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
User avatar
Fresh Boarder

GK User
Sun Jun 02, 2013 8:56 pm
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;
}
User avatar
Moderator

GK User
Sun Jun 02, 2013 9:23 pm
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 :D
User avatar
Fresh Boarder

GK User
Mon Jun 03, 2013 8:08 am
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.
User avatar
Moderator

GK User
Mon Jun 03, 2013 9:08 pm
Hooo... Thanks you! now my site work ! thanks for your support!
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.