Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #420291

    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?


    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.



    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.



    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; }

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


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