Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 20, 2016 at 2:38 pm #618344
    ColinWalton

    I have now upgraded to v3.5.3 and found that all of the Easy Slider slideshows I have now only display the landscape images as matching the width of the portrait ones so much smaller than they should be…

    Here is an example of what has gone wrong: http://peteranderson.net/gardens/

    Here is a copy of the SAME page, but all the portrait photos taken out – miraculously it is PERFECT:
    http://peteranderson.net/gardens-copy/

    For reference this is what the website used to look like prior to the upgrade:
    http://waltoncreative.com/portfolio-item/peter-anderson-photography-website/
    Here you can see that all of the landscape shots FILLED the space.

    I presume there is either a change in the CSS – which I can’t find. Or possibly a new function added that somehow makes all the photos the same width in the Easy Sliders which isn’t what I want to happen.

    Any Ideas?

    • This topic was modified 8 years, 7 months ago by ColinWalton.
    April 21, 2016 at 12:25 pm #619104
    ColinWalton

    I have been doing more research and I think at least I have figured out what the problem is…

    The (updated?) EasySlider, must look for the narrowest photo and make this the width of ALL photos in the slideshow. Hopefully there is a function somewhere that I can stop this happening.

    Here is another example: http://peteranderson.net/interiors-copy/
    Watch the WIDTH of the first photo of the chair on a red background, the next photo is landscape so should fill the entire space (it did before the upgrade). Instead it displays at the same with as the first photo. The third photo again should be bigger, but presumably is also restricted by the width of the narrowest photo.

    Each of the slideshows is set to NO SCALING (original width x original height) so you would imagine this would be ideal, I have tried others but as expected they crop the images.

    April 24, 2016 at 1:13 am #620710
    Ismael

    Hey!

    Thank you for using Enfold.

    The slider images look smaller compare to the original image because they are constrained inside the main container which is normal. I’m sorry but I can’t see the issue that you’re referring to. Please provide a screenshot or explain it a bit further.

    Cheers!
    Ismael

    April 24, 2016 at 9:45 am #620756
    ColinWalton

    Yes! I love using Enfold, it’s a terrific theme to use as a starting point for my projects.

    Is it possible to stop this happening?

    constrained inside the main container

    I want the landscape images to be enlarged in pro to fill the width and portrait images to be enlarged to fill the height. See diagram in this link:
    http://peteranderson.net/wp-content/uploads/2016/04/How-it-should-look.jpg

    This is what used to happen, see how it used to look in this link:
    http://waltoncreative.com/portfolio-item/peter-anderson-photography-website/

    Thanks

    April 26, 2016 at 6:59 am #621931
    Ismael

    Hey!

    The test page looks broken. The slider became too small and we found this css code:

    .responsive .container {
    max-width: 1130%;
}

    Please check the General Layout > Dimensions > Maximum Container width value. The unit should be “px”, not “%”.

    Regarding the actual issue, did you try the full width slider?

    Cheers!
    Ismael

    April 26, 2016 at 8:08 am #621970
    ColinWalton

    I have tried 1130px and 100% and neither one seems to have made any difference. I have left it set at 100%.

    Making the slider full width does this:
    http://peteranderson.net/landscape-copy/

    At least all of the images fill the height or the width, but don’t now line up – which I guess can be fixed with the CSS.

    • This reply was modified 8 years, 7 months ago by ColinWalton.
    April 28, 2016 at 8:26 am #623515
    Ismael

    Hi!

    Please remove this code from the style.css file:

    .avia-slideshow-inner img {
    /* max-height: 100% !important; */
    width: auto !important;
    margin-right: 0px !important;
    overflow: visible !important;
    max-height: 85vh !important;
}

    Cheers!
    Ismael

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