views:

35

answers:

2

Hi,

I've been trying to change the font under the "Future 1", you can see the code here; but if I change the font, changes doesn't apply.

http://jsfiddle.net/b5fMe/15/

What seems to be the problem?

+2  A: 

It's because the font size is set as a style attribute on the parent <td>. I've updated the fiddle to show it with a 12px font size instead.

The changed block of code is as follows with font-size set to 12px:

<td class="content threecol first" style="font-size: 12px;line-height: 1.4em;color: #444;width: 25%;padding-right: 20px;padding-left: 0;padding-top: 20px;border-right: 1px solid #ccc;border-bottom: 1px solid rgb(204 , 204, 204);">
Pat
ok i will try this one and see if that works, thanks for updaing th fiddle ;-)
tintincute
+1  A: 

You font-size settings are all being overidden by inline 'style' declarations in the HTML code e,g, id="topbar" style="text-align: center;font-size: 12px; - these are applied after your CSS.

Dave Everitt
does that mean that I have to delete the inline style?
tintincute
Yes, then adjust the css in the head section accordingly. Better still, put them all in a separate file and import it into your main template or html pages - this makes maintenance much simpler. An inline style is only necessary when you have a single occurrence or exception to your main styles.
Dave Everitt