Add CSS to the item tabs (the small area you click on to change tabs)

[Mouth]

.... so that they can be styled separately, eg. coloured backgrounds on the tab titles, etc.

 

[Bob]

I can't say Yes or No until I research it, but will look into it. If someone else wants to do the R&D, thats fine with me. They can just post the howto and I will implement it after testing to make sure it doesn't effect anything else.

 

[Mouth]

If someone else wants to do the R&D, thats fine with me.

Yes, please. Bueller, Bueller, Bueller ... anyone? Bueller?

 

[Bob]

@mouth is this for the ITEM page only or for ALL tabs throughout showcase ie, index page, category pages, member pages.

 

[Mouth]

Hi,
My thinking was for the item page, eg. http://addons.nfljunkies.com/showcase/1969-boss-429.2/
Thanks.

 

[Bob]

Hi,
My thinking was for the item page, eg. http://addons.nfljunkies.com/showcase/1969-boss-429.2/
Thanks.

OK, those are covered now. I'll do sorting tabs in a future version.

the New classes are:

scTab1
scTab2
scTab3
scTab4
scTab5
scTabImages
scTabField-{$fieldId} (This is for the new custom field tabs)
scTabReview
scTabDiscussion

 

[Mouth]

Hi Bob,
Tried to implement this, but not sure how to do it.
Could you provide an example?

 

[Bob]

If you want to style the First Tab on an item, you use the class .scTab1

.scTab1
{
color: red;
}

These are unique to showcase and only apply to the showcase_item template, so you don't need to join other class names

 

[Mouth]

Thanks. Doesn't appear to be working for me though.

I've added the CSS exactly as you had above to EXTRA.CSS, but not seeing the colour on the 'General Information' tab. Eg. http://netrider.net.au/showcase/triumph-daytona-675-matte-black.524/

 

[Bob]

You forgot to add a (since its a link) to the CSS class.

This will make the ACTIVE tab text color red. (need to use !important on it)

.showcaseTabs li.active a {

color: red !important;
}

This will make the Tab 1 text red all the time. (need to use !important on it)

.scTab1 a
{
color: red !important;
}

 

[clove]

You forgot to add a (since its a link) to the CSS class.

This will make the ACTIVE tab text color red. (need to use !important on it)

.showcaseTabs li.active a {

color: red !important;
}

This will make the Tab 1 text red all the time. (need to use !important on it)

.scTab1 a
{
color: red !important;
}

You forgot to add a (since its a link) to the CSS class.

This will make the ACTIVE tab text color red. (need to use !important on it)

.showcaseTabs li.active a {

color: red !important;
}

This will make the Tab 1 text red all the time. (need to use !important on it)

.scTab1 a
{
color: red !important;
}

Hi Bob,

How about if I want the whole tab color and not only the text to have different color? How can I do that? Thanks!

 

[Bob]

Hi Bob,

How about if I want the whole tab color and not only the text to have different color? How can I do that? Thanks!

Same as above, just a different element of the class

color = text color.

for the tab itself you'll need to change:
background-color
border

.showcaseTabs li.active a
{
     background-color: red !important;
}

.scTab1 a
{
background-color: red !important;
}