Support » Plugin: Meteor Slides » Border Or Frame around Meteor slider

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Josh Leuze


    If you want a simple border around the slideshow you can use CSS, but for something like that you need to make a graphic and use it as a background image on the slideshow. Are you going to use that responsive theme? If the site is responsive you will want to use CSS for the border, if you use a graphic it won’t scale properly.

    Don’t add a border or any padding or margins to the slide images or slides, in most cases you want the slides to be the same size as the slideshow and those styles will enlarge the overall size of the slides. Instead, wrap the slideshow in a container and style the container:

    <div id="meteor-slideshow-wrap">
    	<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>

    Here’s a super simple border applied to that container:

    #meteor-slideshow-wrap {
    	border: solid 3px #000;

    Thank you I will give a try

    Plugin Author Josh Leuze


    You’re welcome!

    One more thing is it possible to put some shadows to give frame like effect?

    Plugin Author Josh Leuze


    Here’s a tutorial on adding drop shadows with CSS, again, this should be applied to the slideshow wrap container.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Border Or Frame around Meteor slider’ is closed to new replies.