Steel Guitar Forum text size

[Gary C. Dygert]

Can I change the text size here without changing it for everything?

[Don Poland]

Gary, If you hold down the control key and hit the "+" key, it will enlarge your text on the page you are viewing. Also, if you have a scroll wheel on your mouse, you can do the same by hitting the ctrl key and scrolling. Hope this helps.

[Wiz Feinberg]

Gary;
While you can override the default text (font) sizes on our forum there is no current means of presetting your preference. I don't know if this is something that the software will allow, with plug-ins, or not, but will ask b0b.

[Wiz Feinberg]

I have just learned that the Firefox browser that many of us on the Computers Forum are using is capable of using a custom stylesheet (a text file containing directives for controlling fonts, layout, and colors), which can be tailored to a particular domain or URL. This stylesheet would override any styles specified on the designated webpage or website. This is not a drag and drop operation, so I am going to study the details, experiment with it and post my results and maybe some samples.

I will respond in this thread.

[Wiz Feinberg]

As promised, I have researched the methods used to create custom stylesheet overrides, for Mozilla Firefox browsers. I will look into the methods used for Internet Explorer as soon as I find time.

I have tested and published the methods needed to create a custom stylesheet for Firefox browsers, here, on my blog. Read the basics about creating a custom stylesheet there, then come back here and use (copy and paste and edit) the following code sample to make your own custom overrides for the Steel Guitar Forum, or any other forum of you choosing. The custom stylesheet goes into your Firefox > Profile > ... > Chrome directory, as per the instructions on my blog.

Code: Select all

@-moz-document url-prefix(http://bb.steelguitarforum.com/) {
   .postbody {font-size: 100% !important; line-height: 130% !important; color: #000 !important;}
   A.postlink {text-decoration: underline !important;}
   A.postlink:link, A:link {color: blue !important;}
   A.postlink:visited, A:visited {color: purple !important;}
   A.postlink:active, A:active {color: red !important;}
   td.row1 { background-color: #FAFAFA !important; }
   td.row2 { background-color: #EBEBEB !important; }
   td.row3 { background-color: #DEDEDE !important; }
}

You will have to modify certain values in the example, to fit your own preferences. The first item to change is the font-size: 100% part. Increase the number to enlarge the fonts in posts. Because the default stylesheet for our forum also contains a css <em>line-height:</em> declaration you may have to increase that percentage as well (to avoid text overflowing between lines or cutting off the bottoms of letters). Just change the line-height number to be about 25 to 30 percent higher than the font-size.

The other changes I have included change the color of links to common colors and underline them to make them more visible. The last three rules lighten the background shades of the posts slightly, to make them easier to read.

The key to making the overrides effective is the declaration !important. Note how it is used in my example and use it in yours in a similar fashion.