Images liningn up

leeakers11 · October 2019

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:

Thanks

Pablo · October 2019

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

leeakers11 · October 2019

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?

leeakers11 · October 2019

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.

Pablo · October 2019

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

leeakers11 · October 2019

Okay great thank you

Images liningn up

Comments