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, ...module cssmodule css
Previous
 
Next
New Post
4/2/2010 5:10 PM
 

I cannot get the CSS in my module to override the CSS on the Skin or what ever is higher up in the hierarchy.  I have created and linked the control to module.css in the same directory.  Nothing in there is working.  Do I need to be doing anything else.  Is there a way to ignore all other css other than the class that is refered to.  Thanks, in advance.  this is driving me nuts.

 
New Post
4/2/2010 9:01 PM
 

 This can happen if you have a syntax error in module.css

Do you see module.css in the list of loaded css files in the page source?

Do you see the module.css  classes overridden in firebug?

Did you try removing everything from module.css  and put only one simple class and see if it works?

Otherwise more info is needed.


Yehuda Tiram
AtarimTR
AtarimTR
972-2-5700114   |   972-54-4525492   |    http://www.atarimtr.co.il
 
New Post
4/3/2010 3:27 AM
 

Your module.css isnot supposed to verwrite skin.css values.

You should use unique classes in your module.css if you want something specific, allowing designers / skinners to disagree with you.

 
New Post
4/3/2010 10:35 AM
 

After looking at the DNN rendered page I can see that module.css is being called.  Module.css looks like this:

.gridHover {     background-color: #a51b01;     color: White;     cursor: default;        } .gridOut {     background-color: White;     color: #a51b01;    }

It id not working on my rended table (in source its a gridview)... the code for the table and a row looks like this *http://hayesvillefreewill.org.dnnmax.com/Sermons.aspx):

  <table  cellspacing="0" rules="all" border="1" id="dnn_ctr408_Sermon_List_dgvSermon"   style="font-family:Lucida Console;font-size:8pt;width:100%;border-collapse:collapse;">        <tr class="gridOut" onmouseover="this.className = 'gridHover'"   onmouseout="this.className = 'gridOut'" onclick="location.href=genQueryString(620);">      <td style="width:100px;">Sun 03/28 AMtd><td style="width:100px;">Chris Rumfelttd> <td>Three Men &amp; Their Stormtd>tr>
    <tr class="gridOut" onmouseover="this.className = 'gridHover'"  onmouseout="this.className = 'gridOut'" onclick="location.href=genQueryString(619);">
    <td>Wed 03/24 PMtd><td>Chris Rumfelttd><td>Thy Rodtd>tr>
    <tr class="gridOut" onmouseover="this.className = 'gridHover'"  onmouseout="this.className = 'gridOut'" onclick="location.href=genQueryString(618);">  
  <td>Sun 03/21 PMtd><td>Randy Hoopertd><td>There's More to it Than Thistd>tr> ....

If you goto http://hayesvillefreewill.org.dnnmax.com/Sermons.aspx you can see that the table when not hightlighted has white background with black foreground.  This is supposed to be white back red front.  When you hover over a row the background turns red but the forground is some blue not white....

Not sure what I am doing wrong, I specifically told it what I wanted on the class style of the row.  I have dont this before out of DNN and worked great, obviously even though I am giving it a class to look at it is still be overrided by some other CSS file somewhere.

 
New Post
4/4/2010 4:43 PM
 
/table>

 

 

 

 

 

 

/div>


Yehuda Tiram
AtarimTR
AtarimTR
972-2-5700114   |   972-54-4525492   |    http://www.atarimtr.co.il

I would suggest putting the table in a div with id and referencing  the table elements through it. The reason for that is that you can't tell what container or skin the table will be in.

 div id="tableDiv">

table>

....

 /table>

/div>

Then in css call

#tableDiv table tr{ }

or what ever you want.

 

table etc="">

 

 

 

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...module cssmodule css


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