Title: [Plugin: Meteor Slides] Drop-shadow, round corners to slideshow Last modified: August 20, 2016 --- # [Plugin: Meteor Slides] Drop-shadow, round corners to slideshow * Resolved [specht15](https://wordpress.org/support/users/specht15/) * (@specht15) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/) * I was just wondering if anyone knew where and what coding would go into my Meteor Slides customizable stylesheet to add a drop shadow and round the corners on the Meteor Slides slideshow? I’d really appreciate any help. * blog.hfpsales.com Viewing 11 replies - 1 through 11 (of 11 total) * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311869) * Hi, this [CSS Tricks tutorial](http://css-tricks.com/snippets/css/css-box-shadow/) will show you how to add a box shadow to the slideshow, most likely you would add this to the `.meteor-slides` class [using a custom stylesheet](http://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/). * [Rounded corners](http://css-tricks.com/snippets/css/rounded-corners/) only work with background images, not inline content. So you could increase the frame around the slideshow and round the corners of that, but not the images themselves. * Thread Starter [specht15](https://wordpress.org/support/users/specht15/) * (@specht15) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311878) * OK can’t get anything to show up with corners, shadows/borders. I added the following code to the custom style-sheet I copied into my themes directory. Does the actual Plugin css file need to be deleted after it is copied into my theme? * .meteor-slides .shadow { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; border: solid 3px #000; margin: 15; overflow: hidden; padding: 15; position: relative; z-index: 1; } * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311879) * No, you don’t need to edit the plugin, it will check your theme for the stylesheet and load the custom one instead. * Leave off `.shadow`, just target `.meteor-slides`: * ``` .meteor-slides { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; border: solid 3px #000; margin: 15; overflow: hidden; padding: 15; position: relative; z-index: 1; } ``` * I noticed that your slideshow ID is “meteor-slideshowHeartland Pics”, are you loading a slideshow called “Heartland Pics”? It can cause problems to use the slideshow title, make sure you use the slideshow slug, like this: “heartland- pics”. * Thread Starter [specht15](https://wordpress.org/support/users/specht15/) * (@specht15) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311894) * Awesome looks about perfect. Do you mean I should change the name of the slideshow to match its slug? I was also wondering what I need to alter in the code the change the shade of black/gray of the actual shadow i can’t seem to quite get it. Anyways I really appreciate everything man. * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311900) * No problem, yeah replace the slideshow name in the shortcode or template tag with the slideshow slug, like in the [examples](http://www.jleuze.com/plugins/meteor-slides/multiple-slideshows/). * You can change the color of the shadow by changing the hex code at the end (# ccc), just like for the border. Make sure that the border is at least as large as the border radius, otherwise in some browsers it will render funny: * ``` .meteor-slides { border: 5px solid #000000; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 7px #666666; overflow: hidden; padding: 0; position: relative; z-index: 1; } ``` * Thread Starter [specht15](https://wordpress.org/support/users/specht15/) * (@specht15) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311915) * I can’t find the shortcode or template tag for the widget anywhere in my Theme templates. Is it in the actual custom stylesheet where I need to find it? * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311925) * Are you using a widget to add the slideshow? Wherever you added the slideshow to the page, that is where you need to update which slideshow is loaded. * Thread Starter [specht15](https://wordpress.org/support/users/specht15/) * (@specht15) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311927) * Yes I do have it displayed in a widget but don’t see the code anywhere in Widgets > Appearence if that’s what you mean. The .css files don’t have any of the shortcode. * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311932) * The shortcode goes in the page or post content, if you are using the Meteor Slides Widget, you don’t need the shortcode. * If you open that widget in the Widgets menu, you should see “Heartland Pics” in the middle slideshow field [in the widget](http://www.jleuze.com/plugins/meteor-slides/adding-a-slideshow/). * Thread Starter [specht15](https://wordpress.org/support/users/specht15/) * (@specht15) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311933) * OK cool, just making sure that was all. I truly appreciate everything. Have a great weekend! * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311934) * No problem, you too! Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘[Plugin: Meteor Slides] Drop-shadow, round corners to slideshow’ is closed to new replies. ## Tags * [drop shadow](https://wordpress.org/support/topic-tag/drop-shadow/) * [round corners](https://wordpress.org/support/topic-tag/round-corners/) * 11 replies * 2 participants * Last reply from: [Josh Leuze](https://wordpress.org/support/users/jleuze/) * Last activity: [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-meteor-slides/#post-2311934) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics