I am trying to set the default font in a module to 16px; times new roman so my customers with edit permission do not need to change the font each time.

my container.css is

.c_container{margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; border: 1px solid #835723;}
/*---------- To align the Actions, Icon and Title ---------*/
.c_icon, .c_actions, h2.c_title{ background-color: #835723; }

h2.c_title{margin:0; padding: 10px; font-size: 16pt; text-align: center; color: white;}


.title_vis{float:right;}

.c_content{clear:both; background-color: #ffcc66; color: black;}
.c_contentpane{padding:10px 10px 10px 10px; font-size: 16px; font-family: 'times new roman'; text-align: justify}
.c_footer {clear:both;margin-bottom:0px;padding:0; text-align:right;}

/*---------- default style for head & normal -----------*/
.Normal p{margin-top:0px; font-size: 16px; font-family: 'times new roman';}

/*---------- For the inline edit icons -----------*/
.eipbackimg {background-color:#DAE7F2;border:solid 1px #4F839F;}
.c_content .eipbackimg {margin-top:0;margin-left:-20px;}

Probably the best place to start is to use the developer tools in your browser to see if the styles are actually being applied. The recent tutorials on styling the notification area show you how to use those tools.

I have attached a screen shot of Chrome Inspect Element.

I am hoping someone can walk me through tracking down where the default font is coming from. Any and all help is appreciated.

I can't read the text in the attached image.

Is there any chance of actually viewing the page.

http://nawcc31.org/CurrentTimeOut/T...012_9.aspx

for one you're trying to style an element that actually isn't there. To change the font-family - style the blockquote. As for the size, the html doesn't allow you globally set the font-size. You'll need to add an additional style to each div id. For instance,

Darek,

CSS files are all about setting default styles, including font sizes.

See our tutorial "Introduction to CSS and inheritance in DotNetNuke skins" for a good introduction.

I'm completely aware of that, Joseph. In this instance I don't believe what he's trying to accomplish is feasible. It should be as easy as setting the size on the parent container, but it's not, so there's probably a larger issue at hand. Without getting to far into debugging the css, the only way I see it - is as I've described above. Gathering all of the div's ID that houses the text he needs larger. Though not practical - that's the only way I see without adding additional html (if possibile) to add a p tag or span tag to directly target the element inside .c_content.

But then again, he needs to make it abstract enough and to only place where he doesn't affect any of the other modules that are the same.

This is a monthly newsletter. Each month I create a new page and approved people input the information into the correct module.

When they start, the module is empty or has a short default text that they edit out.

new page = new module ID. Given this situation I don't think there's a way I know it could be accomplished. If anyone could prove me wrong, please do so.

In my opinion this is one of the things that I've come across with DotNetNuke that's limited in terms of customizing globally. Sure there's a way - but it's manual and you'll have to update every time you add a new module instance.

If you want a module to use a font that is different than defined in your skin.css, then it probably is best to use a custom container, and style the container. You can include custom styles in the container's css file, and those will apply to any module wrapped by the container.

The skin.css file is the place where you define the standard font for the skin. You can define several different fonts, too. For example, DotNetNuke provide Normal and NormalRed styles, for example. You can expand those.