Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 14, 2016 at 1:18 pm #660823
    vossenm

    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

    July 15, 2016 at 4:23 pm #661418
    Yigit

    Hey vossenm,

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

    Best regards,
    Yigit

    July 16, 2016 at 4:49 pm #661660
    vossenm

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

    July 18, 2016 at 2:43 pm #662003
    Yigit

    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

    July 18, 2016 at 3:11 pm #662030
    vossenm

    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

    July 21, 2016 at 4:20 am #663172
    Ismael

    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

    July 21, 2016 at 7:53 am #663224
    vossenm

    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

    July 25, 2016 at 1:54 pm #664614
    Ismael

    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

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