Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Font Sizes
Topic Started: May 8 2009, 11:33 AM (353 Views)
LishieK9
Member
 *  
Hi,
I've made a board for people with Retinitis Pigmentosa (a blinding eye disease) and I need to change the font size of the whole board so people with RP can read it. However, I have no experience with CSS. I've tried playing around with it but I can't seem to get everything right.

Could anyone please help me out? I'd like a size 14 and 16 font, whatever that translates into CSS code. Bold would be great too :)

If anybody would be willing to help, I'd greatly appreciate it!

Forum: http://z3.invisionfree.com/FightForSight/index.php?act=idx

Code: This skin is called BlueIllusion, someone posted it on this forum but I can't seem to find the post again :(

Header:
Code:
 

<br /><div align="center">

<table width="90%" bgcolor="#033553" style="border: 1px solid #000000;">

<tr>

<td>
<link rel="SHORTCUT ICON" href="http://img358.imageshack.us/img358/4812/favicon6cc.gif" />
<div id="ipbwrapper"><br />
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<div align='center' class='tableborder'><div class='row4' style='font-size: 7.5pt; padding-top: 1px; padding-bottom: 1px; line-height: 8pt;'><div align='center' class='copyright'>Skin Originally by <a href="http://justinshreve.com">.Justin</a> Redone for JFB by <a href="http://chatplace.b1.jcink.com"><b>Budman84</b></a> Skin can be Found at <a href="http://skins.invisionize.com/db/index.php/f/1736/size/lg"><b>Invisionize.com</b></a></div></div></div>

Style Sheet:
Code:
 

html { overflow-x: auto; }

.hidden_text { color: #fff; }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 10px;margin: 0px;padding: 0px;text-align: center;color: #fff;background-color: #02253A; }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 10px;color: #fff; }

#ipbwrapper { text-align: left;width: 98%;margin-left: auto;margin-right: auto; }

a:link, a:visited, a:active { text-decoration: none;color: #BFD6E3; }

a:hover { text-decoration: none;color: #fff; }

fieldset.search { padding: 6px;line-height: 150%; }

label { cursor: pointer; }

form { display: inline; }

img { vertical-align: middle;border: 0px; }

img.attach { padding: 2px;border: 2px outset #EEF2F7; }

.googleroot { padding: 6px;line-height: 130%; }

.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 10px;color: #3A4F6C; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #00D; }

.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #434951; }

li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }

ul#help { padding: 0px 0px 0px 15px; }

option.cat { font-weight: bold; }

option.sub { font-weight: bold;color: #555; }

.caldate { text-align: right;font-weight: bold;font-size: 10px;padding: 4px;margin: 0px;color: #777;background-color: #033B5D; }

.warngood { color: green; }

.warnbad { color: red; }

#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }

#profilename { font-size: 28px;font-weight: bold; }

#calendarname { font-size: 22px;font-weight: bold; }

#photowrap { padding: 6px; }

#phototitle { font-size: 24px;border-bottom: 1px solid black; }

#photoimg { text-align: center;margin-top: 15px; }

#ucpmenu { line-height: 150%;width: 22%;background-color: #033A5B;border: 1px solid #000000; }

#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }

#ucpcontent { line-height: 150%;width: auto;background-color: #033A5B;border: 1px solid #000000; }

#ucpcontent p { padding: 10px;margin: 0px; }

#ipsbanner { position: absolute;top: 1px;right: 5%; }

#logostrip { padding: 0px;margin: 0px;border: 1px solid #000000; }

#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #ccc;background-color: #033553;border: 1px solid #000000; }

#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #fff; }

#userlinks { background-color: #033553;border: 1px solid #000000; }

#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }

.activeuserstrip { padding: 6px;background-color: #045082; }

.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #fff;background-color: #02253A; }

.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #000000;border-right: 1px solid #000000;background-color: #033A5B; }

.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #000000;border-right: 1px solid #000000;background-color: #161D24; }

.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #000000;background-color: #033A5B; }

.signature { font-size: 10px;line-height: 150%;color: #fff; }

.postdetails { font-size: 10px; }

.postcolor { font-size: 10px;line-height: 160%; }

.normalname { font-size: 10px;font-weight: bold;color: #fff; }

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px; }

.unreg { font-size: 10px;font-weight: bold;color: #900; }

.post1 { background-color: #033A5B; }

.post2 { background-color: #033A5B; }

.postlinksbar { padding: 7px;margin-top: 1px;margin-left: 1px;margin-right: 1px;font-size: 10px;background-color: #000000;background-image: url(http://i19.photobucket.com/albums/b170/RubyNut/Blueillusion/tile_sub.gif); }

.row1 { background-color: #033959; }

.row2 { background-color: #044065; }

.row3 { background-color: #033959; }

.row4 { background-color: #044065; }

.darkrow1 { margin-left: 1px;margin-right: 1px;margin-bottom: 1px;color: #fff;background-color: #2A3C4B;background-image: url(http://i19.photobucket.com/albums/b170/RubyNut/Blueillusion/tile_low.gif); }

.darkrow2 { margin-left: 1px;margin-right: 1px;margin-bottom: 1px;color: #fff;background-color: #2A3C4B;background-image: url(http://i19.photobucket.com/albums/b170/RubyNut/Blueillusion/tile_low.gif); }

.darkrow3 { color: #fff;background-color: #044369; }

.hlight { background-color: #033A5B; }

.dlight { background-color: #033A5B; }

.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #fff;background-image: url(http://i19.photobucket.com/albums/b170/RubyNut/Blueillusion/tile_sub.gif); }

.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none;color: #fff; }

.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #fff;background-image: url(http://i19.photobucket.com/albums/b170/RubyNut/Blueillusion/tile_back.gif); }

.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #fff; }

.maintitle a:hover { text-decoration: none; }

.plainborder { }

.tableborder { background-color: #000000;border: 1px solid #000000; }

.tablefill { padding: 6px;background-color: #033959;border: 1px solid #000000; }

.tablepad { padding: 6px;background-color: #033A5B; }

.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }

.wrapmini { float: left;line-height: 1.5em;width: 25%; }

.pagelinks { float: left;line-height: 1.2em;width: 35%; }

.desc { font-size: 10px;color: #fff; }

.edit { font-size: 9px; }

.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }

#QUOTE { font-family: Verdana, Arial;font-size: 10px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #fff;background-color: #647583;border: 1px solid #000; }

#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 10px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #fff;background-color: #647583;border: 1px solid #000; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 10px; }

.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;color: #ccc;background-color: #033959;border: 1px #000000 solid; }

.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #000;border-bottom: 1px solid #000; }

.purple { font-weight: bold;color: purple; }

.red { font-weight: bold;color: red; }

.green { font-weight: bold;color: green; }

.blue { font-weight: bold;color: blue; }

.orange { font-weight: bold;color: #F90; }

Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Look through the style sheet for all instances of font-size: and edit the number after it to 14 or 16. If you wish to use bold font, add font-weight: bold; within the curley braces, ( { and } ).
Offline Profile Quote Post Goto Top
 
LishieK9
Member
 *  
Thank you! I guess I'm just not sure what everything means, but I'll just look around to see what I changed. :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards Support & Galleries · Next Topic »
Add Reply