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 5:11 PM
 

Carlos Rodriguez wrote

Rusel:

"You need to be more specific in the details of what you need to do."

Carlos

 

 

What I want to do is this: I'm using a skin with a "style" subfolder. In that folder there are two CSS files named after skin.css and container.css. In the code of the main page of the skin I've included these two CSS files as links. So far so good.

Here's the hard part... In the code of the container.css file I've created two classes for, let's say, Container1, one class for the title of the container and another one for the body. In the code of the skinfixedwidth.ascx file I use these two classes.The one reffering to the title works fine. The other one used for the body of the container doesn't work as expected! For instance, if i change a padding-right property, it works throughout the whole of the container. But if I use a color property, it changes the color of the text only in the backend of the DNN! The text within the container in the frontend only changes if I change the properties of a specific class in the skin.css file named after .SubHead. The same happens for the hyperlinks within the container and so on... I can change them only by changing the classes of the skin.css file, but in this way I also change all the hyperlinks of the page! 

So, this is it... :( Any suggestions?

 
New Post
3/3/2008 5:18 PM
 

I must also note that when i tried to create a .SubHead class in the module.css file found in the folder of the specific module, nothing happened... That's why I asked about the order in which the CSS files are handled by DNN.

 
New Post
3/4/2008 12:36 PM
 

module.css is loaded before all the other ones, so if any of them has a .Subhead in it you will not see the changes.

(but I guess you already figured that out...)

 
New Post
3/4/2008 2:59 PM
 

Rusel wrote

 Carlos Rodriguez wrote

 

Rusel:

"You need to be more specific in the details of what you need to do."

Carlos

 

 

 

What I want to do is this: I'm using a skin with a "style" subfolder. In that folder there are two CSS files named after skin.css and container.css. In the code of the main page of the skin I've included these two CSS files as links. So far so good.

Here's the hard part... In the code of the container.css file I've created two classes for, let's say, Container1, one class for the title of the container and another one for the body. In the code of the skinfixedwidth.ascx file I use these two classes.The one reffering to the title works fine. The other one used for the body of the container doesn't work as expected! For instance, if i change a padding-right property, it works throughout the whole of the container. But if I use a color property, it changes the color of the text only in the backend of the DNN! The text within the container in the frontend only changes if I change the properties of a specific class in the skin.css file named after .SubHead. The same happens for the hyperlinks within the container and so on... I can change them only by changing the classes of the skin.css file, but in this way I also change all the hyperlinks of the page! 

So, this is it... :( Any suggestions?

 

Howabout you let us take a peak at all the code.  Paste in in a legible format using the "past as plain text" icon in the text editor here on the forms, then highlight the important stuff, but include it completly.

Are you overriding everything?  Meaning, if you have two classes in two files you are aware that they both apply?  There are some wierd issues with things like font: compared to font-size etc etc.  sometimes when overriding, the attributes that are decared in a single line like font: or margin: instead of margin-left:  will not override properly.

 

 


Josh Martin

 
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