Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Urgent: CSS Priority in DNNUrgent: CSS Priority in DNN
Previous
 
Next
New Post
3/3/2008 11:56 AM
 

Hi,

I'm trying to use a module.css within a certain module in order to bypass the .css of a container. But it doesn't work! The reason i want to do this is because, for instance, i have a container.css and a skin.css and i want to use certain colors for the text within the container.css, but this doesn't work because of the skin.css.

Could anyone please help me with this? I wanted to know in which order are the .css files used in DNN? I guess that could help with this problem.

Thanks in advance.

 
New Post
3/3/2008 12:58 PM
 

Rusel:

You can do a view source on the page in question and that will show you all the CSS files being loaded, just do a search for ".CSS" and you will see them.  But I think that the order in which the files load is not what you need to address but instead, what classes are being used in the document hierarchy down to the element you need to style.  Also remember that some CSS elements cascade and others do not, depending on what HTML object you are using.  This gets complicated, I have been bitten by things like this many times, and most of those times is because of wrong assumptions I was making about the behavior of CSS.  You need to be more specific in the details of what you need to do.  Do not assume that just because you have a CSS at the container level that its definitions will trickle down to all the elements in the module.  You may also have a module.css that overwrites all the other CSS files too.

Edit:  Forgot to mention that you also have to test all this on multiple browsers too, this will be a lot of fun...

Carlos

 

 
New Post
3/3/2008 1:19 PM
 

For the life of me I can't find it right now, but Nina Meiers used to have a document that showed the hierarchy.  Check skincovered.com.  Or maybe it was on DNNCreative.com...

Jeff

 
New Post
3/3/2008 2:33 PM
 

load order of CSS files:

default.css
skin.css
"skinname".css
container.css
"containername".css
portal.css

 
New Post
3/3/2008 5:02 PM
 

Note that the module.css is first in line, and there are other factors to look for as well:

module.css
default.css
skin.css
container.css
portal.css
inline css
css with "!important" hack.

Anyone having trouble absolutely must install Firfox and the Web Developer add-on in order to easily view and edit the cascade. The Firebug add-on is also failry vital when it comes to tracing styles.

Rob

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Urgent: CSS Priority in DNNUrgent: CSS Priority in DNN


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out