Hide Slide Deck Border

Ready

/** Hide Border of Slide Deck**/

.skin-slidedeck dl.slidedeck > dd {
    border-right: 0px !important;
    background:none !important;
}

.skin-slidedeck {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/** Remove Left and Right Padding of Slide Deck **/

.skin-slidedeck {
    margin-left: -10px;
}



#CSS
6 comments
0 Views
 

Related Links

No Related Resource entered.

Comments

Sep 26, 2013 09:29 AM

Just so you know - if you implement this on your site, the slides become transparent. This means that if you have multiple slides with text on them, they will layer over each other and look like old school overhead slides piled high!

Apr 19, 2013 03:37 PM

This code needed !important commands added following a code release by SlideDeck. It works again as intended. Stacy, thanks for verifying the code change works for you.

Apr 19, 2013 03:13 PM

I'm having the same issue.

Apr 17, 2013 02:10 PM

Andy this coding worked great, but as of today the slide deck is back to normal with borders and everything. Any idea if there was an update that negated the code?

Apr 09, 2013 11:11 AM

Stacey, do you know how to edit the CSS in the theme editor? In your site, you'd go to this link:
http://members.ohanet.org/HigherLogic/Microsites/ThemeManager.aspx?MicrositeGroupTypeRouteDesignKey=e7739648-f037-4826-acd8-3ee60df40671&ReturnPath=/Home/
Your main site is using the v2theme, so just click on “Edit CSS” to the right and add it to the very top before the first bit of text.

Apr 09, 2013 11:02 AM

Is there an easy way to tell me where to put this code? maybe just a screenshot would do it. Thanks!