[Solved] Styling RadDock through CSS

[Dave]

Hi,

I am trying to apply CSS to a RadDock and having a bit of trouble getting things to work.

For example I am trying this CSS:

.rdExpand, .rdCollapse, .rdCollapsed {
   background-position: 0px 0px !important;
   height:60px !important;
}

When I inspect it in Chrome I can see it there but it is being overridden by value in WebResource.axd:

.RadDock.rdCollapsed {
 height: 27px!important;
}

BTW I tried appending the classes with "div" like below but no dice :(

div.rdExpand, div.rdCollapse, div.rdCollapsed {
   background-position: 0px 0px !important;
   height:60px !important;
}

 
If there anyway of overridding this value with the one I have in my CSS?

Thanks,

Dave.

[Bozhidar]

Hello,

To override the following:

.RadDock.rdCollapsed {
 height: 27px!important;
}

You should use it the following way:

div.RadDock.rdCollapsed {
 height: 60px !important;
}

You have to use the CSS selecotr coming from the WebResource + to add one more element/CSS class or ID in order to oveeride the WebResource style.

Regards,
Bozhidar
Telerik

[Dave]

Hi Bozhidar,

Many thanks for you help ir is appreciated :)

Dave