Font In Table

[tunescool]

i put a class to change the font size and color, the color changes but the font wont

font-size doesnt work either

<a style="padding-left:8px;"href="http://thenotablenook.com/thread/5356"><div class="archive-links"><b><i>Mary Kate And Ashley Thumbnailed Archives</i></b></div></a>
.archive-links { size: 12px; color: #FFFFFF; }
how can i get the font to change

[Chris]

font-size would be correct, size is an attribute on an element not a CSS property

A CSS rule however cannot be evaluated in a vacuum since it is undoubtedly competing with other rules so it needs to be seen with all its competitors. This means an actual link to where this rule is being applied but exhibiting the behavior you describe is needed to identify the problem (most likely a specificity issue) in order to provide a solution

[tunescool]

thenotablenook.com/board/41/mary-kate-ashley-olsen-lizzie

[Chris]

<div class="archive-links">
<b>
<i>Mary Kate And Ashley Thumbnailed Archives</i>
</b>
</div>
.archive-links is being applied to the parent div which then depends on inheritance to trickle down to the <b> and then <i> but the problem with the trickle down theory is it is designed to be easily overridden and that poor <i> never gets to taste it. If there is a rule applying to <b> or a rule applying to <i> then trickle down dries up before reaching them. In this case the reset CSS that Proboards uses to set a starting point across all browsers is applying a font-size:100% rule to both <b> and <i>, specifically this rule from the forum.css:


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
 background: none repeat scroll 0 0 transparent;
 border: 0 none;
 font-size: 100%;
 margin: 0;
 outline: 0 none;
 padding: 0;
}
You'll either need to create an overriding rule such as .archive-links i {font-size:12px;} or remove the <i> and <b> elements and add their equivalent CSS properties to the archive-links class

[tunescool]

thanks eton, ive never had more than 1 theme before and with v5 i will. rather than change the font and size in each themes board headers for each link i wanted to just use a class

i did just post this thanks for helping i may have been sitting here for awhile without anyone answering

theres supposed to be a space before and after every /. why does it take it to a new line after each <a> without a <br/>

it should look like ths

Mary Kate And Ashleys Mini Bio And Filmography
MK Facts / MK Quotes / Ashley Facts / Ashley Quotes
Lizzies Mini Bio And Filmography / Lizzie Quotes




<a href="http://thenotablenook.com/thread/5356"><div class="archive-links">Mary Kate And Ashley Thumbnailed Archives</div></a>
<hr width='100%' size="1" style="margin: 1px 0px -2px 0px;" color="#FFFFFF">
<a href="http://thenotablenook.com/thread/15611" target="_blank"><div class="board-links">Mary Kate And Ashleys Mini Bio And Filmography</div></a>
<a href="http://thenotablenook.com/thread/15601" target="_blank"><div class="board-links">MK Facts</div></a><div class="board-links"> /</div>
<a href="http://thenotablenook.com/thread/15586" target="_blank"><div class="board-links">MK Quotes</div></a><div class="board-links"> /</div>
<a href="http://thenotablenook.com/thread/15600" target="_blank"><div class="board-links">Ashley Facts</div></a><div class="board-links"> /</div>
<a href="http://thenotablenook.com/thread/15587" target="_blank"><div class="board-links">Ashley Quotes</div></a><br/>
<a style="padding-left:8px;"href="http://thenotablenook.com/thread/15673" target="_blank"><div class="board-links">Lizzies Mini Bio And Filmography</div></a><div class="board-links"> /</div>
<a href="http://thenotablenook.com/thread/15672" target="_blank"><div class="board-links">Lizzie Quotes</div></a>

[Chris]

You'll want to change those board-link DIVs into board-link SPANs if you don't like the block level behavior or define all board-link DIVs as being inline

[tunescool]

thanks