Printable View
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..Quote:
Originally Posted by 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.
add a font-size over 100% in alt_tpp_tabs13.css around line 34
Code:
#slidetabsmenu a span {
float:none;
font-size:120%;
}
Didn't know I could go over 100%. Thanks! :D
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 betterQuote:
Originally Posted by Andy-C27
Attachment 14983
Nope.. and I haven't had time to submit the responsive version of this.. sorry..Quote:
Originally Posted by Andy-C27
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;
}
}
Quote:
Originally Posted by SignTorch
thanks, that's definitely an improvement, and a good example, I'm new to all this responsive stuff...
Attachment 14985