Creating a block that contains different FONT size

Admin32 · 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 ?

Raven · Posted: Tue Nov 18, 2003 6:16 am

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.

Admin32 · Regular Joined: Sep 14, 2003 Posts: 74

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.

Raven · 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.

Admin32 · Regular Joined: Sep 14, 2003 Posts: 74

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.

Raven · 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 ?