Custom CSS not taking precedence

[hopeofglory 0]

Hi I downloaded a slidedeck widget and added it to my site. I added the following CSS code in the custom code but the page isn't loading with it. It shows up as crossed when viewed with firebug. CSS: .skin-slidedeck-classic { border:14px solid #353535; } Thanks

[hopeofglory 0]

Also can I get a slide widget similar to this http://accordionpro.nicolahibbert.com/example-2/ Thanks

[batman 389]

You can try add in PageLines > Site Options > Custom Code > CSS Rules First [code].skin-slidedeck-classic { background: url("back.png") repeat scroll 0px 0px rgb (55,55,55); border: none; }[/code] Second [code].skin-slidedeck-classic dl.slidedeck > dd {border-right: 5px solid rgb (55,55,55);}[/code] I??m a newbie and I??m not sure to the second, neither the first, but you can prove. ;)

[catrina 103]

@hopeofglory Try batman's solutions and if they don't accomplish what you're looking for, please let us know.

[bxbmedia 2]

Your css rules are not taking precedence because the plugin's css is loading after yours and has the same specificity ([url="http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css-specificity/"]see here for more info on specificity from NetTuts[/url]). Try modifiying the css you are trying to add like so: [code].slidedeck_widget .skin-slidedeck-classic { background: url("back.png") repeat scroll 0px 0px rgb (55,55,55); border: none; }[/code]

[hopeofglory 0]

Thanks all for your replies. Bxbmedia CSS did the trick :)