Expand slide show to touch sides of screen

Make sure everything is sized to perfectly fit the space you want the slideshow in. That space is 1196×325 pixels right now. But the slideshow dimensions are set to 3000×325 pixels, and the slide images are 995×325.

If you size the slide images to exactly 1196×325 in an image editor, set the slideshow dimensions to 1196×325, and then re-upload the new slide images after changing the dimensions, they should fit perfectly.

Make sure you upload the slide images last, the images are cropped to fit the slideshow when they are uploaded and don’t resize when you change the dimensions.

Thank you very much

It looks much better but still doesn’t touch the edge of the screen.

How did you figure out the dimensions of the image area on the screen?

(1196 X 325)?

Let me know if you have any other suggestions.

It’s not the image area of the screen, but of that container on your site.

If you inspect the page with a web inspector like Chrome DevTools or Firebug, you’ll see the size of everything and how it’s put together.

The slideshow is in a container called “rt-container”, that is 1200px wide, and there’s a little padding or margin in there that makes the slideshow space 1196px wide. So no matter how large you set the slideshow, it won’t go wider than the width of your site, which is 1200px. The rest is background, not content.

You could change the width of that container, and re-update the slideshow widths if you want it wider, but Meteor Slides needs a fixed height and width to work. The slideshows are responsive and scale down but they have a max width, they won’t go full width or full screen.

Generally if I want a “full width” slideshow, I’ll plan for it to fill the screen up to a certain point, like maybe I want the slideshow to be 1600×400, so that on screens at 1600px or narrower, it is full width, but then above that on wider screens the slideshow is centered on the page.

That might not be what you are going for, but I think it’s important to have a max size, otherwise the quality starts to suffer, you either need very large images that slow your site down, or you are blowing up images beyond their standard size and the text starts to get blurry.

Thank you very much.

You’re welcome!