Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #660823

    Hi there,

    On the page in the attached link I have used a masonry gallery of 3 columns for the 3 pictures in the middle of the page.
    My customer wants these pictures in 1 column vertically above each other next to the text. I tried to do this but the minimal amount of columns seems to be 2, can I do this in another way keeping the same looks for these pictures?

    Marcel

    #661418

    Hey vossenm,

    Your page is password protected. Can you please post it here privately as well?

    Best regards,
    Yigit

    #661660

    Oops sorry, did that later on… I attached the password!

    #662003

    Hi,

    Please choose 2 columns for the last two images and then add first image into a 1/1 column element and give it a custom CSS class ( kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) then let us know so we can look into it again. You can also post temporary admin logins here privately so we can apply the changes for you

    Best regards,
    Yigit

    #662030

    Hi there Yigit,

    Sure you can login, I’ve put the logon credentials in the Private content.
    What I would like to achieve is that the 3 pictures on the left are displayed in 1 column, so they are completely visible again.

    Thank you very much for your help!

    Marcel

    #663172

    Hi,

    Have you tried the Images element? Stack them on top of one another. You can’t use the masonry element because there’s a script that automatically calculates the position of the items.

    Best regards,
    Ismael

    #663224

    Hi Ismael,

    Yes I have (please check now) but I cant get the same look that the images in the masonry gallery have?

    Is there a way to get a normal images element to look like the pictures in the masonry gallery above, with the white textarea underneath it?
    (I have put the masonry gallery in the original horizontal position)

    Marcel

    #664614

    Hi,

    Do you want to replicate the hover effect of the masonry items? Please add this in the Quick CSS field:

    .avia-image-container:hover .avia-image-container-inner img {
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
    }

    Best regards,
    Ismael

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