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

Created By: Chris Mitchell Apr 08, 2013

Last Updated By: Katie Pagano Aug 15, 2013

6 comments

1 Views

12 revisions

Recommend

Comments

Jackie Wallenstein

Sep 26, 2013 09:29

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!

Mark Eichler

Apr 19, 2013 15:37

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.

Stacey Conrad

Apr 19, 2013 15:13

I'm having the same issue.

Suzanne Anderson

Apr 17, 2013 14:10

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?

Andy Steggles

Apr 09, 2013 11:11

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.

Stacey Conrad

Apr 09, 2013 11:02

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

Hide Slide Deck Border

Related Links

Comments