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 Community Exchange, where community members ask and answer questions about DNN. To get started, just start typing your question below and either select one of the suggested questions or ask a new question of your own.

How to stop/clear default.css from being inherited

Return to previous page

  • 5/3/2013
  • 2004 Views

Question:

Rodney Joyce long time ago

Hi,

I want to completely restyle the dnnPrimaryAction CSS action in DNN 7 Default.css.

I know I can copy the style into my skin and change things and this will override it as it is the lowest level. HOWEVER, I don't want to use some things eg. instead of a gradient I just want a background color: So lets say I copy this style into my skin.css 

What  I really want to do is tell it to use my new style and ignore the one in default. 

So instead of 

button.primaryButton, a.dnnPrimaryAction,
a.primaryButton
{
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #04C8F9;
    background: -moz-linear-gradient(top, #04C8F9 0%, #04C8F9);
    background: -webkit-gradient(linear, left top, left bottom, from(#04C8F9), to(#04C8F9));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #efefef;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

I could just have

button.primaryButton, a.dnnPrimaryAction,

a.primaryButton
{
    background-color: #04C8F9;
}

and it would not combine my skin and default styles. Is this possible?

 

How to stop/clear default.css from being inherited

Rodney Joyce
Rodney Joyce long time ago
Add an Answer

Answers

Sign In to Participate
Or register to become a member