WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Border Or Frame around Meteor slider (6 posts)

  1. HarryMohan
    Member
    Posted 1 year ago #

    Hi,

    I am newbie to WordPress, I am using Meteor Slider ( Which is impressive) with responsive theme, currently not active. I am using images 900x300 I have up to 940px available. I want to put border or screen shown on this wen site:
    http://www.jqslider.com/index.php
    I would appreciate any advice you can offer, thanks

    http://wordpress.org/extend/plugins/meteor-slides/

  2. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    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(); } ?>
    </div>

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

    #meteor-slideshow-wrap {
    	border: solid 3px #000;
    }
  3. HarryMohan
    Member
    Posted 1 year ago #

    Thank you I will give a try

  4. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome!

  5. HarryMohan
    Member
    Posted 1 year ago #

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

  6. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic