UBB.Developers Forums UBB.threads 7 Development How Do I? How do I change the text size of comments posted?

Hi guys

I've included my stylesheet below. What I'd like to do is increase the text/font size as I'm having problems with my eyes these days and I wondered if this could be why (due to small fonts).


I'm happy with this INDEX PAGE:

http://www.koptalk.org/forums/ubbthreads.php?Cat=0

I also think that each forum looks ok when you enter:

http://www.koptalk.org/forums/postlist.php/Cat/0/Board/lfc

But when you click on a thread and open it, I feel the text size that people post their comments is too small. Is it possible for me to make only that area a larger size?

Thanks guys.



a:link {
background-color: transparent;
color: #000000;
text-decoration: none;

}


a:visited {
background-color: transparent;
color: #000000;
text-decoration: none;

}

a:hover {
background-color: transparent;
color: #990000;
text-decoration: none;

}

a:active {
background-color: transparent;
color: #333333;
text-decoration: none;

}

blockquote {
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
color: #000000;
font-size: 11px;
margin: 0px 20px;
padding: 0px;
}

blockquote .small {
background-color: #E6E6E6;
color: #000000;
margin-left: -11px;
padding: 1px 2px;
}

blockquote br {
font-size: 1px;
}

blockquote hr {
height: 1px;
}

body {
background-color: #cc0000;
border: 0px;
color: #333333;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
padding: 0px;
}

form {
display: inline;
margin-bottom: 0;
}

form {
border: 0px;
margin: 0px;
padding: 0px;
}

p,table,td,tr {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
}

select {
background-color: #DFF4FF;
color: #000000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

.alternatetable {
background-color: #FFFFFF;
color: #000000;
}

.buttons {
background-color: #cc0000;
border-color: #E68080 #B20000 #B20000 #E68080;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 10px;
font-weight: bold;
}

.catandforum {
}

.cleartable {
background-color: #80A0C0;
color: #000000;
}

.darktable {
background-color: #f3f3f3;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color: #333333;
}

.footertable {
background-color: #FFFFFF;
color: #000000;
}

.formboxes{
background-color: #FFFFFF;
border: 1px;
border-color: #000000;
border-style: solid;
color: #000000;
font-size: 11px;
}

.forumdescript {
color: #000000;
font-size: 10px;
}

.forumtitle {
color: #000000;
font-size: 11px;
font-weight: bold;
}

.lighttable {
background-color: #f9f9f9;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color: #333333;
}

.menubar{
background-color: #f6f6f6;
color: #333333;
font-size: 11px;
font-weight: normal;
}

.menubar a:link {
background-color: transparent;
color: #990000;
text-decoration: none;
font-size: 11px;
}

.menubar a:visited {
background-color: transparent;
color: #990000;
text-decoration: none;
font-size: 11px;
}

.menubar a:hover {
background-color: transparent;
color: #cc0000;
text-decoration: none;
font-size: 11px;
}

.menubar a:active {
background-color: transparent;
color: #666666;
text-decoration: none;
font-size: 11px;
}

.modline {
background-color: transparent;
color: #000000;
font-size: 11px;
font-style: oblique;
}

.navigation {
background-color: #cc0000;
border-color: #E68080 #B20000 #B20000 #E68080;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 10px;
font-weight: bold;
}

.navigation a:link {
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}

.navigation a:visited {
background-color: transparent;
text-decoration: none;
font-size: 10px;
color: #ffffff;
}

.navigation a:hover {
background-color: transparent;
color: #eeeeee;
text-decoration: none;
font-size: 10px;
}

.navigation a:active {
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}

.new {
font-size: 10px;
color: #CC0000;

}

.newdarktable {
background-color: #f3f3f3;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color: #333333;

}

.newlighttable {
background-color: #f9f9f9;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color: #333333;

}

.newpostsincat {
background-color: #ffffff;
color: #000000;
}

.newsubjecttable {
background-color: #ffffff; /* <!-- Used on the showflat/showthreaded screens --> */
color: #000000;
font-weight: bold;
}

.onbody{
}

.onbody a:link {
background-color: transparent;
color: #000000;
}

.onbody a:visited {
background-color: transparent;
color: #000000;
}

.onbody a:active {
background-color: transparent;
color: #000000;
}

.pollcolor {
background-color: #FF0000;
color: #000000;
}

.post:first-letter {
}

.post:first-line {
}

.posttime {
color: #000000;
font-size: 10px;
}

.posttotal {
background-color: #F2E5BF;
color: #000000;
font-size: 10px;
}

.small {
background-color: transparent;
color: #000000;
font-size: 8pt;
font-weight: normal;
}

.standouttext {
background-color: transparent;
color: #cc3333;
}

.subjecttable {
background-color: #FFFFFF;
color: #000000;
color: #000000;
}

.tableborders {
background-color: #000000;
color: #000000;
}

.tablesurround {
background-color: #990000;
color: #000000;
}

.tdheader {
background-color: #cc0000;
border-color: #E68080 #B20000 #B20000 #E68080;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
}

.tdheader a:link {
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
}

.tdheader a:visited {
background-color: transparent;
text-decoration: none;
}

.tdheader a:hover {
background-color: transparent;
color: #cccccc;
text-decoration: none;
}

.tdheader a:active {
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
}

.threadtotal {
background-color: #FFFFF8;
color: #000000;
font-size: 10px;
}

.welcome {
background-color: #CFE2EB;
border-color: #FFFFFF #FFFFFF #B5C6D6 #B5C6D6;
border-style: solid;
border-width: 1px 1px 1px 1px;
color: #000000;
font-weight: normal;
}

.specbg {
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-image: url(http://www.koptalk.org/forums/spe_tbg.gif);
}

.specbbg {
background-image: url(http://www.koptalk.org/forums/spe_bbg.gif);
}

.regtbg {
background-image: url(http://www.koptalk.org/forums/reg_tbg.gif);
}

.textshadow {
width: 98%;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
}

.catshadow {
width: 98%;
filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);
}

.catbar {
font-size: 11px;
font-weight: bold;
color: #999999;
background-color: #dddddd;
background-image: url(http://www.koptalk.org/forums/koptalk_r8_c7.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #cccccc;
}

.catshadow a:link {
font-size: 11px;
font-weight: bold;
color: #999999;
filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);
}

.catshadow a:active {
font-size: 11px;
font-weight: bold;
color: #999999;
filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);
}


.catshadow a:hover {
font-size: 11px;
font-weight: bold;
color: #666666;
filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);
}

.textshadow a:link {
color: #ffffff;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
}

.textshadow a:active {
color: #ffffff;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
}

.textshadow a:visited {
color: #ffffff;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
}

.textshadow a:hover {
color: #ffffff;
filter: DropShadow(Color=#E68080, OffX=1, OffY=1, Positive=1);
}

.borders {
border: 1px solid #990000;
}

.border {
border: 1px solid #990000;
}

.smallshadow {
width: 98%;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
font-size: 10px;
}

.smallshadow a:link {
color: #ffffff;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
font-size: 10px;
}

.smallshadow a:active {
color: #ffffff;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
font-size: 10px;
}

.smallshadow a:visited {
color: #ffffff;
filter: DropShadow(Color=#990000, OffX=1, OffY=1, Positive=1);
font-size: 10px;
}

.smallshadow a:hover {
color: #ffffff;
filter: DropShadow(Color=#E68080, OffX=1, OffY=1, Positive=1);
font-size: 10px;
}

.tbl-side-left {
width: 1px;
background-image: none;
}

.tbl-side-right {
width: 1px;
background-image: none;
}

.tbl-side-spacer {
width: 1px;
height: 9px;
}

.tbl-top-left {
width: 8px;
height: 13px;
background-image: url(http://www.koptalk.org/forums/reg_tlc.gif);
background-repeat: no-repeat;
}

.tbl-top-left-spacer {
width: 8px;
height: 13px;
}

.tbl-top-right {
width: 100px;
height: 13px;
background-image: url(http://www.koptalk.org/forums/reg_trc.gif);
background-repeat: no-repeat;
}

.tbl-top-right-spacer {
width: 100px;
height: 13px;
}

.tbl-top-middle-spacer {
width: 1px;
height: 13px;
}

.tbl-bottom-left {
width: 86px;
height: 9px;
background-image: url(http://www.koptalk.org/forums/spe_blc.gif);
background-repeat: no-repeat;
}

.tbl-bottom-left-spacer {
width: 86px;
height: 9px;
}

.tbl-bottom-right {
width: 8px;
height: 9px;
background-image: url(http://www.koptalk.org/forums/spec_brc.gif);
background-repeat: no-repeat;
}

.tbl-bottom-right-spacer {
width: 8px;
height: 9px;
}

.cat-top-left {
width: 6px;
height: 22px;
background-image: url(http://www.koptalk.org/forums/spe_tlc.gif);
background-repeat: no-repeat;
}

.cat-top-left-spacer {
width: 6px;
height: 22px;
}

.cat-top-right {
width: 233px;
height: 22px;
background-image: url(http://www.koptalk.org/forums/spe_trc.gif);
background-repeat: no-repeat;
}

.cat-top-right-spacer {
width: 233px;
height: 22px;
}


.outter-tl-corner {
width: 17px;
height: 16px;
background-image: url(http://www.koptalk.org/forums/tl.gif);
background-repeat: no-repeat;
}

.outter-tr-corner {
width: 17px;
height: 16px;
background-image: url(http://www.koptalk.org/forums/tr.gif);
background-repeat: no-repeat;
}

.outter-bl-corner {
width: 17px;
height: 16px;
background-image: url(http://www.koptalk.org/forums/bl.gif);
background-repeat: no-repeat;
}

.outter-br-corner {
width: 17px;
height: 16px;
background-image: url(http://www.koptalk.org/forums/br.gif);
background-repeat: no-repeat;
}

You would add this to it and play with the size

.post{
font-size: 11pt;
}

A different approach is to change the font size in your browser. This works particulary well if you use Firefox.

Thanks that extra text works a treat. I'd also like to make the subject line of each thread (the list of all threads on a forum) a little bigger. Any ideas? Cheers mate.

No, no, found it. Solved :-)

Ok. Just thought of something else. Please can you help me find the bit where I can increase the text size of that which appears when preparing a post. In other words when I click on POST I'd like the text size in Subject: and POst@ to be bigger than what I already have it set at.

Thanks in advance.

How to find this and similar things out:

- hit Reply to a post or Post
- when on the next screen, view the source code of the page
- Search for the word Subject in the source
- a few lines down, there is the input field for the subject, take a look at it:

<input type="text" name="Subject" maxlength="75" class="formboxes"......

See the class="formboxes" ? This is the name of the css class that does the formatting for this element.
In your css file search for this class and change whatever attributes you wish to change.