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, ...DNN 7 default style breaks EVERYTHINGDNN 7 default style breaks EVERYTHING
Previous
 
Next
New Post
2/6/2013 4:19 PM
 

After I've upgraded to DNN 7, it breaks some of my styles. Take for example the stylesheet Portals/_default/admin.css at line 179.

The z-index for body > form > .RadWindow is set as 3002 !important

Why would anyone style that as !important? I have multiple modal RadWindows which some of them have to be on top of others. This forces all of my RadWindows to have the same z-index and breaks everything. I set the z-index of my RadWindows as inline style. Even if I apply the style at skin level (skin.css), it won't work because default.css has a higher precedence.

And I can't modify those default style sheets since the next version upgrade will overwrite my changes. I can't do it at the module level either because there are too many modules to modify. This is one of the example of the problem that I spotted unwittingly. I'm sure there are more problem related to style. I couldn't be going through all my custom modules page by page to make sure everything is in order. This is exasperating.

Why would the default style be set to !important in the first place anyway? This will render skin styling impossible since styles in skin.css can't override those in default.css.

 
New Post
2/6/2013 5:17 PM
 
Hi Jason,

In essence I agree with your points. It feels wrong to have !important in default.css

On a more general point I believe the sequence of CSS loading is:
- default.css
- module (s).css
- skin.css
- container (s).css
- portal.css

Thus, unless !important is a horrible exception, I'd expect skin.css to override default.css, but you would have to match the !important as well.

Have I misunderstood something?

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk
 
New Post
3/30/2013 2:21 PM
 
I am having CSS issues on several projects after upgrading them to 7.

The default styles are very heavy-handed and seem to be spread all over - not just default.css.
So I'm playing a tedious game of discovery, trial and error to try and get things back to good.

I don't understand why the DNN team is silent on these issues and why we aren't getting a bit more information on how to work with the DNN 7 styling model.

It's very frustrating!
 
New Post
4/23/2013 6:42 AM
 
I also notice this issue and use !important isn't a good practice. Here I found how to overcome it: http://support.bind.pt/entries/219279...
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...DNN 7 default style breaks EVERYTHINGDNN 7 default style breaks EVERYTHING


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