I have a site under development here: http://osteopathielaurentides-com.w...winsvr.net

The .Normal text is too small (11px) and I want to make it 14px.

Using the Webdeveloper toolbar in Firefox, I can see the following when I View Style information:

http://osteopathielaurentides-com.w...winsvr.net/Portals/_default/Skins/Alldnnskins-10421/skin.css

th, td, div (line 63)

{

font-family: Verdana,Arial,Helvetica,sans-serif;

font-size: 11px;

color: #000000;

}

th, td, div (line 63)

{

font-family: Verdana,Arial,Helvetica,sans-serif;

font-size: 11px;

color: #000000;

}

.Normal (line 60)

{

font-size: 11px;

color: #7f7f7f;

}

.Normal (line 60)

{

font-size: 11px;

color: #7f7f7f;

}
http://osteopathielaurentides-com.w...winsvr.net/Portals/_default/default.css

.Normal, .NormalDisabled (line 92)

{

font-family: Tahoma,Arial,Helvetica;

font-size: 11px;

font-weight: normal;

}
http://osteopathielaurentides-com.w...winsvr.net/Portals/0/portal.css

.Normal (line 1)

{

font-size: 14px;

}

So, you see I have edited the portal.css file to change the font-size to 14px.  However, it does not override the skin.css setting.  What am I doing wrong?

This discusses the order of css files and inheritance.

Yes, of course I already read that article.  It clearly explains that the portal.css should override the skin.css (not the other way round).  Hence, my question.

Hello,

If you use the web developer toolbar you can see that the CSS files it loads up for your skin are:

default.css / skin.css / container.css / portal.css / skin.css / container.css /

Do you see how the skin.css is loading twice?

This is becasue you have added this code into your skin.html file:

< head > < link href="/Portals/_default/Skins/Alldnnskins-10421/skin.css" rel="stylesheet" type="text/css" / > < /head >

I had a much longer description than that - the forum just removed it - ok here goes again!

You should not add head tags into your skin.html file because DNN has already created them.

You should also not add a link to your skin.CSS file as DotNetNuke automatically calls in the skin.CSS file for you.

So because of this code, you are loading the skin.CSS file twice.

If you use the web developer toolbar and delete all of the code in the second skin.CSS file you'll see that your text will display at the correct size.

So you just need to remove that line of code in your skin.html file to fix the problem.

Hope this helps, thanks,