Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 30, 2015 at 9:54 am #420291
    Artinet

    I’m trying to recreate an image layout in Enfold that is the same as the 4 main images at http://www.pretty-small-shoes.com/ – my trial page is at http://www.002.artinet.co.uk/ and I am using a Masonry Gallery layout for the images.

    The 3 images on the right are full size but the image on the left has been shrunk because the columns are 50% width – is there a way of making the column widths automatic so that all the images can all be full size?

    March 30, 2015 at 9:33 pm #420834
    Elliott

    Hey Artinet!

    I would try using a 1/2 + 1/2 columns instead. In the first column you could display one image and in the second you could display 3 images on top of each other. After you do that let us know and we’ll give you some CSS to sharpen up the margins so it looks flush.

    Cheers!
    Elliott

    March 31, 2015 at 10:36 am #421022
    Artinet

    Hi Elliott

    Many thanks. The layout is now using 1/2 + 1/2 columns – as you can see, the layout is similar, although I’ve aligned the 3 small images to the right. Maximum Container Width is set to 1100px.

    Here’s what I need to end up with…
    Left image: 596px × 454px
    Right images: all 348px × 149px
    No more than 3px between the left and right images.

    April 1, 2015 at 4:57 pm #422018
    Elliott

    Hey!

    Drag a codeblock element to the page and add this inside.

    <style type = "text/css">
.first { width: 60% !important; }
#top .av_one_half { width: 40%; margin-left: 0px; }
</style>

    And then I would have the images align to the left.

    Regards,
    Elliott

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