Jump to content


Photo
- - - - -

Custom CSS not taking precedence


  • Please log in to reply
5 replies to this topic

#1 hopeofglory

hopeofglory

    Super Member

  • Members
  • 108 posts

Posted 12 July 2012 - 07:59 PM

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

#2 hopeofglory

hopeofglory

    Super Member

  • Members
  • 108 posts

Posted 12 July 2012 - 08:03 PM

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

#3 batman

batman

    Bat Learning

  • Members

  • 2111 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 12 July 2012 - 11:43 PM

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

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 13 July 2012 - 02:25 AM

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

#5 bxbmedia

bxbmedia

    Advanced Member

  • Members

  • 79 posts
  • LocationAnn Arbor, MI

Posted 13 July 2012 - 03:56 AM

Your css rules are not taking precedence because the plugin's css is loading after yours and has the same specificity (see here for more info on specificity from NetTuts).

Try modifiying the css you are trying to add like so:
 .slidedeck_widget .skin-slidedeck-classic {
	background: url("back.png") repeat scroll 0px 0px rgb (55,55,55);
	border: none;
	}


#6 hopeofglory

hopeofglory

    Super Member

  • Members
  • 108 posts

Posted 13 July 2012 - 04:58 AM

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