Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 30, 2015 at 10:27 am #544332
    aB-Agenta

    Good Morning!
    I would like to put in a gallery, that shows one big picture with original size and a couple of images 120×120 square below; it is not scaling the images right (it is taking a bigger scaling than i put in and definitly not square). the big one is scaled very big (in the gallery i put it on “do not scale”). i tried it on a couple of pages; it is just not working at all. could you take a look?
    greets
    Lucie

    November 30, 2015 at 9:17 pm #544800
    Dake

    Hi Lucie!

    Sorry for the delayed response.

    Please update Enfold to the latest version (3.4.4) as your current version is 3.4.1.

    Also please change your gallery column number to 6.

    If your gallery images are still not scaling properly, try temporarily disabling your plugins to see if they are causing a conflict.

    Cheers!
    Dake

    December 1, 2015 at 11:18 am #545049
    aB-Agenta

    Hi Dake!
    theme is updated. (i don t know why, but i always have to do it manually. do you have a hint?). Problem is still existing. Like Ismael suggested in another thread, i created a test page for you.. (Sorry Ismael, I moved to here so the topic fits, i promise to differ more with the problems/threads to keep the forum clean )

    this is what i would like to get:
    http://kriesi.at/themes/enfold/2013/10/21/postformat-gallery-multiple-images-with-different-sizes/

    thx!

    • This reply was modified 9 years ago by aB-Agenta.
    December 1, 2015 at 2:53 pm #545210
    Yigit

    Hi!

    Can you please add following code to Quick CSS 

    #top div .avia-gallery .avia-gallery-big {
    height: auto!important;
}

    Your image is not wide enough and placed into 1/1 column element so it is adapting to its width. Example page you posted has a sidebar. Can you please try adding sidebar to your page or inserting your gallery into a smaller column element?

    Regards,
    Yigit

    December 2, 2015 at 2:31 pm #545882
    aB-Agenta

    Hi Yigit!

    I put it in a smaller column, this worked for the big picture.
    the code did unfortunately nothing. the thumbnails are still not scaled right. at hover on the thumbnails, the pics are shown scaled wrong in the place of the big picture. since i also want to get rid of the border and have a margin between big pic and thumbs i tried this:
    `#top div .avia-gallery .avia-gallery-big .avia_start_animation{
    height: auto!important;
    margin-bottom: 20px !important;
    border-style: none!important;
    }

    #top div .avia-gallery .avia-gallery-thumb{
    height: auto!important;
    border-style: none!important;
    }`
    but this also does nothing…
    i hope i wrote it understandable in a way… :)

    regards
    Lucie

    • This reply was modified 9 years ago by aB-Agenta.
    December 2, 2015 at 2:44 pm #545890
    aB-Agenta

    is it possible to deactivate the hover?

    December 4, 2015 at 2:14 pm #547001
    Andy

    Hey!

    I checked page in private content, but can’t find any gallery pictures at all. Can you show us exactly what you mean please? provide us a precise link and maybe even add some screenshots to highlight (imgur.com, dropbox).

    Regards,
    Andy

    December 8, 2015 at 10:01 am #548620
    aB-Agenta

    Hi Andy!
    as posted I would like to have the thumbs in 120px square and no change/preview of the big picture @ hover on the thumbs if possible (but still opening lightbox on klick, if possible). it looks like this at the moment:
    gallery
    and at hover on the 2nd thumb like this:
    gallery2
    this is what i like to get:
    gallery3

    regards
    lucie

    December 11, 2015 at 9:20 am #550896
    aB-Agenta

    good morning!
    anyone found a solution?
    regards
    lucie

    December 11, 2015 at 4:33 pm #551178
    Dake

    Hi!

    Sorry again about the delayed response.

    Please insert the below css into your custom css section:

    .page-id-3902 .avia_transform .avia-gallery-thumb img {
    width: 120px !important;
    height: 120px !important;
}

.page-id-3902 .image-overlay .image-overlay-inside {
    display: none !important;
}

.page-id-3902 .avia_transform a:hover .image-overlay {
    display: none !important;
}

    Considering the current layout settings on your page (1/5, 3/5, 1/5), one of the thumbs will appear below the others.

    Cheers!
    Dake

    December 14, 2015 at 9:33 am #552036
    aB-Agenta

    hej!
    it partially worked, thank you! only the images are still changing on hover on the thumbs…
    greets
    Lucie

    December 17, 2015 at 6:51 pm #554587
    Andy

    Hi!

    use this code in Quick CSS field to remove hover effect:

    .avia_transform a:hover .image-overlay {
opacity: 0 !important;
}

    Regards,
    Andy

    December 18, 2015 at 9:27 am #554872
    aB-Agenta

    Hi Andy!
    worked, thx! but its still changing the pics on hover…how can i remove this?

    greets
    Lucie

    December 18, 2015 at 1:16 pm #554925
    Andy

    Hey!

    you can’t remove it easily, as it is hard coded inside of the theme. It would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.

    Cheers!
    Andy

    January 11, 2016 at 10:35 am #563032
    aB-Agenta

    ok, thx anyway!

    January 11, 2016 at 2:11 pm #563128
    Andy

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Bug: Image scaling doesn t work with gallery + simple slider’ is closed to new replies.