Creating a block that contains different FONT size

Regular Joined: Sep 14, 2003 Posts: 74

Hi everyone,

I've been trying to create a new block that will display a selection of a few downloads I will choose.

The problem is that throughout my site, I use a medium sized font, which works out nicely for all the main pages, but isn't the case for the small block Im creating.

As such, the block's contents uses the same font size the main CSS sheet contains.

I would like to find out how I can overide these settings for the particular block. I have tried setting my own font size, but as one would expect, it is overided by the CSS setting.

Any ideas or suggestions ?

Site Admin/Owner Joined: Aug 27, 2002 Posts: 17088

To override a style sheet you have to use an in-line style property. Use a div or a span tag with a style property. I'm pretty sure I have some posts on that in the forums somewhere.

Posted: Tue Nov 18, 2003 7:19 am

Thanks for the reply Raven.

I had tried in-style ccs but they never worked. I've just managed to find what I did wrong and its sort of working now, so I just need to play with it more.

Posted: Tue Nov 18, 2003 7:25 am

Post your code if you need help because I have never seen a case where in-line style did not override a style sheet.

Posted: Tue Nov 18, 2003 2:30 pm

Here's the code Raven:

<?php
if (eregi("block-Top_Downloads.php",$PHP_SELF)) {
Header("Location: index.php");
die();
}
$content = "<div STYLE=\"font-size: 12px; margin-left: 0px\"> ";
$content .= "Security Scanner- <a href=\"http://www.firewall.cx/downloads/secscan.zip\">Grab!</a><br>";
$content .= "System Monitor- <a href=\"http://www.firewall.cx/downloads/sysmon.zip\">Grab!</a>";
$content .= "Iris Sniffer- <a href=\"http://www.firewall.cx/downloads/packet-sniff/iris%20v3.7.zip\">Grab!</a><br>";
$content .= "Dr TCP- <a href=\"http://www.firewall.cx/downloads/Network%20apps/drtcp021.zip\">Grab!</a><br>";
$content .= "</div>";
?>

The only part I haven't managed to fix is making the "grab" link maintain its correct size. It seems like its obtaining the A:Hover and A:Visited references from the original theme CSS and no matter what I have tried, I can't get it to change to something else. I could be the one in fault here, not adding the specific type of reference correctly into the above code, so I have removed it completly.

Posted: Tue Nov 18, 2003 3:16 pm

Have you tried adding an in-line style property to the anchor tags? Or an in-line style property to a span tag around the text Grab ?