Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2015 at 8:19 pm #430929
    makingskincare

    My site is http://www.makingskincare.com. My home page and resources page both have the full width easy slider (settings are:- featured 1500×430, yes, stretch the image).

    My issue (which I just fixed) was that as the slider autorotates half of the photos in the slider were at different heights – this means everything below the slider moves up and down as the height of the photos change. Also the photos are generally very tall/higher -in height more than 430 pixels.

    I just managed to fix my issue by manually editing the photo to change it’s dimensions to 1500×430 pixels and it all looks fine now.

    But it’s puzzling as my friend’s site’s also has a full width easy slider (same settings as mine) – but her photo height sems to be fixed at 430 properly. She didn’t have to resize her photos to fit the slider, she left them different random sizes and the full width slider automatically set them to 430. Why wouldn’t it do that on mine – why were some 400 in height and others 600 even though I had the same settings as her?. Can anyone shed light on this.

    April 20, 2015 at 7:55 pm #431549
    Elliott

    Hey makingskincare!

    The fullwidth easy slider has an option called “Slideshow image and video size” where you can select the size you wish to use. You probably have yours set to “No Scaling”.

    Regards,
    Elliott

    April 20, 2015 at 8:43 pm #431586
    makingskincare

    Thanks Elliott

    I had set the size to – “featured 1500×430” and choose “yes, stretch the image”

    My friend had the exact same settings and photos yet my photos changed in height so my only option was to resize them to the exact pixels. She didn’t have to do that to hers.

    This is puzzling??

    April 21, 2015 at 5:52 pm #432200
    Elliott

    Hi!

    Perhaps she resized the images then or is using a different element. If you want to limit the height then you can drag a codeblock element to your page and add this inside.

    <style type = "text/css">
.avia-fullwidth-slider, .avia-fullwidth-slider .avia-slideshow, .avia-fullwidth-slider .avia-slideshow-inner, .avia-fullwidth-slider img {
  max-height: 400px;
}
</style>

    But that will probably make the images look distorted.

    Regards,
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.