Hi,

I am really bad at CSS and I have spent hours trying to make a font smaller! Can anyone point out what I am doing wrong please. Basically on the bottom of PokerDIY there are textbox ads (the ones in the boxes). I want to make the font (normal text and links) all smaller). So I wrap it in a div and have the following in my stylesheet (Portal). My CSS below basically makes all the links smaller, but NOT the text, as you can currently see on the homepage. The text-alignment is working as all the text moves according to this (so I know the div ID is recognised in the CSS), but it is not obeying the font rules, and I have tried many different things.

div.textboxad
{
text-align: center;
font-size: smaller;
border: 1px solid rgb(199, 212, 236);
}
div.textboxad a:link, div.textboxad a:visited, div.textboxad a:hover, div.textboxad a:focus, div.textboxad a:active  {
font-size: smaller;
}

here is the HTML from the box on the left top (at the bottom of the page):

div class="textboxad">Get honest reviews of the best <a href="http://www.reviewpokerrooms.com/" title="online poker sites" target="_blank">online poker sites</a> at Review Poker Rooms.</div>

When I paste the above code into the W3C editor it works fine, but not on my site. Can someone please help?

Ouch! Rodney!  That skin's styling is in trouble

It has a couple of issues that you have to deal with.. there is an overload of styles and restyles going. This is the same problem I got into once a while back.

Check the ascx of every skin and container for hard coded style sheet links and remove them all. DNN will load the skins.css and container.css automatically, and do so just once. Your site is loading the skin styles twice, breaking the portals.css, and the container style is being applied over and over again , more than a dozen times; and is also breaking the correct DNN cascade and overriding portal.css.

After you've done that, you can safely move everything from those poker.css and styles.css sheets into skin.css. The only reason you might not want to do this is if the skin is also being used on a completely different website at the same time. If this is the only site using it then combine your sheets. Your portal.css can also go into your skin.css and then be cleared out.

Then you can style those font and links in the box using just:

#gray_lightshad .textboxad {text-align: center;font-size: smaller;border: 1px solid rgb(199, 212, 236)}
div.textboxad a {font-size: smaller}

Then I would suggest moving all of the normal font styles from the containers into the skin.css where you can manage them more easily. Leave only the container layout styles and any very unique fonts in the container css sheets. The trouble with containers like this where normal fonts are restyled is that they keep overwriting each other.. so if there actually was a different container somewhere in there, only the last one would define the style. All basic font styles should be defined in your skin.css

To lighten up the site even further, you can delete the Ventrian News Articles module.css without any visible damage. You can also delete all that legacy and empty DNN stuff in the lower half of your portal.css if you havent' already decided to clear the whole thing out and move the rest into your skin.css. If it were my site I'd also clear out 99% of the default.css and move all the site-specific customisations that I can see in your various module.css sheets into the skin.css

In any case, there is plenty of room for improving the loading and streamlining the styles on the site. Let me know if you need a hand with any of this.

Rob

Rob - I have sent you a few emails regarding your CSS quote - can you let me know either way if you are still interested? My mails might be getting spammed...