Images liningn up

Hi, I'm trying to get 2 images to line up. They are of equal height and I've removed all padding and margins, but still they're out of sync. Can you tell me what I'm doing wrong please?

The temp site is: http://tobys2.sg-host.com/

The images are these 2, you can see a slight white space under the image on the left:

image


Thanks

Comments

  • Hello,
    You should use "Equal Height of Wraps" option.
    It is used to position elements on: top, middle or bottom in wraps. In
    order to achieve this you need to:
    1. Edit your page, and go to the muffin builder. Edit a section and
    under the advanced>style select 'equal height of wraps'. See screens:
    http://prntscr.com/f40hvn
    http://prntscr.com/f40kh0
    2. Now edit each wrap in that section and set the desired vertical
    align(top, middle or bottom). See screens:
    http://prntscr.com/f40kvr
    http://prntscr.com/f40lhl

    Thanks
  • Thanks for that, I think I've cracked it!

    However, I'm making a temporary site at http://tobys2.sg-host.com/ where I've built a grid of images. But at the moment it seems to break, until I right-click the screen to use "Inspect Element".

    Once I've clicked this, the screen corrects itsel. The first image below is what I see when the page first loads, then the next image is what happens when I use Inspect Element, how can I fix this please?  

    image

    image
  • Basically I'm trying to have the whole grid of images on the page lay out like that second picture, with a 10px border between all the items.
  • We are currently working with this problem, we'll surely fix it, but for this time, please use that workaround.
    Provide this code into the Theme Options > Custom CSS & JS > JS
      jQuery(function($){
    $(window).load(function(){
    $(window).trigger('resize');
    })
    })
    Thanks
  • Okay great thank you
Sign In or Register to comment.