Changing out Tab Mainbody Icon

Hello. How do you change out the animated round icon tab buttons listed in the "Tab Mainbody" module? I am able to change the icon inside the Tab1-Tab4 modules (in tab positions) but unable to swap out in the icons in the "Mainbody" position.

Further, do you have additional icons to choose from or only the 8 shown on the documentation?

Thanks in advance for your assistance.

Hi

There is only 8 of this icons, in a file http://demo.gavick.com/joomla25/appspro ... _icons.png You can edit it file and add/replace the icons to Your own.

Here is an example of the css class which is loading a position of an icon:

Code: Select all

.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;
}