[Mr. FParticipant]

Hi There,

I’ve been struggling trying to get my slider slide show to be smaller in screen size than the “default”. I try and adjust “image size” of individual slides from, say, full to medium or small or thumbnail, but it only changes the resolution of the image. For example, if I go from full-size to thumbnail, the slide will be the same physical size on the screen but it will be very pixelated. Instead, I want to make the slideshow box thumbnail (or medium or small etc) size rather than taking up a big chunk of the screen.

I haven’t seen an option in spite of looking for the option to change the slide show box’s size.

Thanks for the help,
Dan

http://www.mrfertilizer.ca/

[ZeshanMember]

Hi Dan,

Thank you for writing in!

Please add the following CSS to Customizer > Custom > CSS to reduce the slider’s width:

.x-flexslider-shortcode-container {
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
   height: auto;
}

.x-flexslider-shortcode-container .x-flexslider .x-slides img {
  margin-bottom: 0;
}

Hope this helps. 🙂

Thank you.

[Mr. FParticipant]

thank you…I notice that both slideshows on the home page are now smaller and wondering if the script is an “all or nothing” proposition, in that I can only have one size slider on the web site and can’t have them different from each other? thanks

[RadModerator]

Hi there,

Sure you could always add ID or class name at columns.

Then : http://awesomescreenshot.com/0c935ub538

#some-column-id .x-flexslider-shortcode-container {
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
   height: auto;
}

#some-column-id .x-flexslider-shortcode-container .x-flexslider .x-slides img {
  margin-bottom: 0;
}

Cheers!

[Author]

Posts