Replying to Assign Background Image Icons To Each Tab

Hey there...

So I got it to work, but it is not ideal.

First I set the tabs to fit the size of my icons, and set overflow to hidden, so the embedded widget titles wouldn't distort the size of the tab:

.widget div.tabberlive ul.tabbernav li a {
bottom: 10px;
display: inline-block;
height: 30px;
overflow: hidden;
padding: 0;
position: relative;
top: 8px;
width: 30px;
}

Then I set the image sprite position and background color for the active, inactive, and hover states...
ul.tabbernav li:first-child a {
ul.tabbernav li:nth-child(2) a {
ul.tabbernav li:nth-child(3) a {
...etc.

I would much rather NOT use these pseudo-classes because of issue in IE7 and before. Any other suggestions?
The example is on a sandbox page here:
stoked dot org/text-hierarchy

Cheers,
J

Hey there...

So I got it to work, but it is not ideal.

First I set the tabs to fit the size of my icons, and set overflow to hidden, so the embedded widget titles wouldn't distort the size of the tab:

.widget div.tabberlive ul.tabbernav li a {
bottom: 10px;
display: inline-block;
height: 30px;
overflow: hidden;
padding: 0;
position: relative;
top: 8px;
width: 30px;
}

Then I set the image sprite position and background color for the active, inactive, and hover states...
ul.tabbernav li:first-child a {
ul.tabbernav li:nth-child(2) a {
ul.tabbernav li:nth-child(3) a {
...etc.

I would much rather NOT use these pseudo-classes because of issue in IE7 and before. Any other suggestions?
The example is on a sandbox page here:
stoked dot org/text-hierarchy

Cheers,
J

Hey Jason,

Welcome to the iThemes Community Forums!

I'd like to look into this for you. Could you please provide a URL to your site so we can take a closer look?

Please let me know!

Thanks,

Gerroald

Hey there --

I want the tabber tabs to each have a different icon instead of text (such as pinterest, twitter, facebook).
I have used Firebug like crazy, but can't figure out how to target each tab individually. It would be great if we could assign classses to each tab when we add them in the Widget area, but until that happens, what should I do?

Thanks!
jason