Hi
Do not worry about questions. We all need to start somewhere
Names under images can be found in module settings. Just open module list, locate the GK Tabs module You would like to make this change and open it. On the right side You will see tabs section. A title of each tab is what You can see on website.
To change image I advide to use a developer tool like for example Firebug. Than You will be able to see the code. With developer tool You will be able to locate a css code for umbrela, which looks like this:
- Code: Select all
.big .gkTab ul.gkTabs li.gkTab-2 {
background-position: -155px 0;
}
to change it to earth image You need to change values in this class. With firebug it's very easy. And a class You should use is:
- Code: Select all
.big .gkTab ul.gkTabs li.gkTab-2 {
background-position: -754px 0;
}
When You will have it, than also a hover image needs to be changed to:
- Code: Select all
.big .gkTab ul.gkTabs li.gkTab-2:hover, .big .gkTab ul.gkTabs li.gkTab-2.active {
background-position: -754px -200px;
}
You do not have to look for this classes in files, just add it to override.css file and enable using of this file in template settings.