Images liningn up

Comments

• 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:
  [Links visible only for registered users]
  [Links visible only for registered users]
  2. Now edit each wrap in that section and set the desired vertical
  align(top, middle or bottom). See screens:
  [Links visible only for registered users]
  [Links visible only for registered users]
  

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• leeakers11

  October 2019

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

  
  

  However, I'm making a temporary site at [Links visible only for registered users] 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• leeakers11

  October 2019

  Okay great thank you