So I fixed it kind of. I had to go into the css and change the width and height of the meteor-slides class. Which I don’t think is the smartest way to do it, because now I think all of the sliders will have a set width and height. I think it has something to do with the set height and width in the slider settings and the height and width in the meteor-slides class.
Hi Garrett, the problem is the slides and the slideshow are exactly the same size, and when you add a border to the slides it makes them larger than the slideshow. If you want to add a border, padding, or margins, add them to the main slideshow container, .meteor-slides, or even the container that the slideshow is wrapped in, in this case, .meteor-slides-widget.
Oh I see that makes sense. I switched the border and radius to the div.meteor-slides and that did it. Thanks for your help, and super fast reply.
Hey,
So I had some formatting issues with my WooCommerce Template so I had to kind of start over with everything. I got the border to work and the radius, but for some reason the height of the slideshow is really big. I can’t figure out how to make the height smaller. Do you know what the problem here is? http://www.dalolly.com.
Thanks!
Hmm. I think it the images that I am uploading are really big. So it makes the slider big, but the image stays small. I uploaded an image that matched the slider width and height and that seemed to work.
Yeah, it works best if the slide images match the slideshow size exactly.
