It looks like the first slide is the correct size, but the second one is not. Did you upload the second slide after setting the slideshow dimensions? Make sure the slide image is the correct size and try reuploading it.
The issue with the pager buttons is that the regular and hover state of the sprite images are showing because the theme is adding padding to them. The problem is that you have the slideshow inside the navigation container:
<div role="navigation" id="access">
Move the template tag above this instead of below it to fix that problem.
Thanks, now it works fine.
I have 3 questions more:
– I have a custom css and I copy the buttons image in the folder theme, but they don’t show, only the numbers.
– How can i alig the nav buttons at right?
– I would like to do a “fade in” in the first slide.
The url is: http://sportstuits.com/mediagift/
Thanks!!!
Kind regards,
When you use a custom stylesheet, you have to update the path of the background images, from this:
.meteor-nav .prev a {
background: url('../images/prev.png') no-repeat center right;
}
To this:
.meteor-nav .prev a {
background: url('images/prev.png') no-repeat center right;
}
To move the nav pager, set the position to the right:
.meteor-slides .meteor-buttons {
bottom: -15px;
height: 9px;
right: 0;
margin: 0;
padding: 6px 0 0;
position: absolute;
width: auto;
z-index: 999;
}
If you want to do a fade in, you could use a little custom jQuery, take a look at this demo; http://jquery.malsup.com/cycle/fade-in-first.html
