Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 8, 2016 at 4:57 pm #579751
    MarikaZoll

    Hi!
    As the gallery is loading at the bottom of the page, there is space between the images, but when the page is loaded, the images are pushed against each other with no space and are bigger (75×75 is prefered size). How can I keep the space that is showing during loading? See image and URL below.How the images look like while uploading

    February 8, 2016 at 6:02 pm #579792
    Yigit

    Hi MarikaZoll!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_transform .avia-gallery-thumb img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

    Best regards,
    Yigit

    February 8, 2016 at 6:11 pm #579798
    MarikaZoll

    Sorry, maybe I was unclear, we want to keep the space that is under the loading and have that also when it fully loaded and with the size of the thumbnails 75×75. Your code is removing it which is not what we want.
    Thx!

    February 9, 2016 at 6:28 am #580136
    MarikaZoll

    Any progress? Thanks!

    February 9, 2016 at 12:21 pm #580327
    Vinay

    Hi!

    Sorry for the delay…

    It’s still not clear what you need but as per my best understanding i am thinking you want something like you see in the below screenshot if so please add the below code in Enfold > general Styling > Quick CSS if not please get back to us with a mockup of what you are trying to do so we can help you better.

    #top .avia-gallery .avia-gallery-thumb a {
    padding: 1em!important;
}

    Please feel free to adjust 1em in the above to .5 or more.

    Cheers!
    Vinay Kashyap

    February 9, 2016 at 4:37 pm #580448
    MarikaZoll

    Thanks Vinnie! Yes you understood what I meant. Worked perfectly. Thanks!

    February 10, 2016 at 6:18 am #580819
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

    August 3, 2021 at 9:52 am #1314099
    Tobias777G

    I have the same issue.

    I want a white space between the the gallery images (most 2 images in a row) because google says (clickable assets are too close together).

    My sites who has the issues are in the private content box.

    With the css code from Vinay hiere above

    #top .avia-gallery .avia-gallery-thumb a {
    padding: 1em!important;
    }

    it works only for the first galery but not for the other galery. Who is the mistake i did?

    Then the clickable gallery images looks smaller than before on mobile (test with samsung galaxy s5) why is so and can yo code it that it has the same size as it is without the code?

    thanks

    BTW: Why i cannot open an new topic?

    August 5, 2021 at 4:10 am #1314551
    Rikard

    Hi Tobias777G,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-gallery-thumb a {
    padding: 0 1% 0 0;
}

    You can start a new topic if you follow this link, or click this button: https://imgur.com/a/AnoSPNb.

    Best regards,
    Rikard

    August 5, 2021 at 9:38 am #1314588
    Tobias777G

    thanks it works

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Space between gallery images’ is closed to new replies.