[Plugin: Meteor-Slides] navigation buttons

  • skyweb

    (@skyweb)


    12 years, 9 months ago

    Hi,

    This is regarding Meteor-Slides plug-in.

    I want to position prev, next buttons outside of the slider.
    I followed developer’s instruction by creating custom css and placing
    css, images in the theme folder but it doesn’t work.

    I see many of sliders have navigation button outside the box
    to control the slides. What are the steps to do this?

    Thank you.

Viewing 1 replies (of 1 total)
  • Josh Leuze

    (@jleuze)

    12 years, 9 months ago

    Hi, the custom stylesheet in your theme doesn’t work, or the nav outside of the box doesn’t work?

    For the custom stylesheet, make sure that you update the path of the background images in the CSS.

    You can move the nav outside of the box using negative positions like this:

    .meteor-nav .prev a {
	left: -25px;
}

.meteor-nav .next a {
	right: -25px;
}

    You will also need to change the overflow so that they aren’t cropped:

    .meteor-slides {
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	z-index: 1;
}
Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: Meteor-Slides] navigation buttons’ is closed to new replies.