Tabbed Products Pro (TPP) Contrib - Official Thread

[PeauProductions]

I'm simply trying to increase the font size of the tab labels. I've found that I believe it's a global size, which I don't want to increase for the entire site. I'm using the default css (alt_tpp_tabs13.css) file. Preferably I'd like to maximize (%) the tabs to fill a single row, increasing the size of the text to match. I noticed right now that it is a set size based on whether I'm on a desktop vs mobile browser (mobile browser puts 2 rows whereas desktop puts 1).
Thanks

[DivaVocals]

I'm simply trying to increase the font size of the tab labels. I've found that I believe it's a global size, which I don't want to increase for the entire site. I'm using the default css (alt_tpp_tabs13.css) file. Preferably I'd like to maximize (%) the tabs to fill a single row, increasing the size of the text to match. I noticed right now that it is a set size based on whether I'm on a desktop vs mobile browser (mobile browser puts 2 rows whereas desktop puts 1).
Thanks

Haven't got a CLUE what it is you are trying to do.. A link to your site might help.. An example of what you want would REALLY help..

[PeauProductions]

Link to Site: HERE

The text in the tabs, for example "Product Description", "Specifications", etc is too small. Need to increase the font size.

I tracked the font size down to a global body page size, which when increased does indeed increase the tab text size, but I don't also want to increase the text globally on the page, I want to do it only for the tabs' text. As I mentioned, I wasn't able to do it in the associated css file (alt_tpp_tabs13.css) for tpp, since changing it didn't do anything. The beginning of the "document_product_info.css" file says @import "tpp/alt_tpp_tabs13.css";. I do see the font size is default at 93%. I like the idea of using a percent and not a defined size value so it scales.

More information let me know, thanks.

[SignTorch]

add a font-size over 100% in alt_tpp_tabs13.css around line 34

#slidetabsmenu a span {
float:none;
font-size:120%;
}

[PeauProductions]

Didn't know I could go over 100%. Thanks!

[Andy-C27]

Does this work with responsive templates as I have been told it doesn't ... I tried on a test site and it does the same thing ,everything is out of position and some tabs don't work like extra images... If this is the case is there a alternative option as I have seen some website with completely different tab styles

[SignTorch]

Does this work with responsive templates as I have been told it doesn't ... I tried on a test site and it does the same thing ,everything is out of position and some tabs don't work like extra images... If this is the case is there a alternative option as I have seen some website with completely different tab styles

I'm using it with the default responsive theme and if the screen isn't wide enough then the tabs span more than 1 row, I haven't looked into how to make it look better

[DivaVocals]

Does this work with responsive templates as I have been told it doesn't ... I tried on a test site and it does the same thing ,everything is out of position and some tabs don't work like extra images... If this is the case is there a alternative option as I have seen some website with completely different tab styles

Nope.. and I haven't had time to submit the responsive version of this.. sorry..

[rbarbour]

I installed this on a few responsive websites in the past couple days and a easy way to make it responsive is to add this to the bottom of the .css file

I am using the default theme alt_tpp_tabs13.css
@media (min-width:0px) and (max-width:480px){

#slidetabsmenu a {
min-width:100%;
text-align:center;
}
}

@media (min-width:481px) and (max-width:767px){

#slidetabsmenu a {
float:left;
min-width:49%;
text-align:center;
}
}

I'm using it with the default responsive theme and if the screen isn't wide enough then the tabs span more than 1 row, I haven't looked into how to make it look better

[SignTorch]

thanks, that's definitely an improvement, and a good example, I'm new to all this responsive stuff...