[Anonymous]

Hi, please see this testpage.

I want a row in this size 1/4 + 2/4 + 1/4. The pictures should been displayed with the same height, accurately in one line. Please let me know the needed imagesize for the three pics.

Thx
Andre

[Anonymous]

This reply has been marked as private.

[LelyModerator]

Hi Andre,

You may add the image as background instead. So instead of adding an image element inside the column, add this on column STYLE FIELD:
background-image: url(http://sub.smokestacklightnin.de/wp-content/uploads/2016/03/550550.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;
Then add a GAP element inside each the column.

Also add the following script on Settings Tab > Custom Javascript

jQuery(function($) {
    
function set_equal_height() {
     var highestBox = 0;

     $('#x-section-1 .x-column').each(function () {
            if($(this).height() > highestBox) 
               highestBox = $(this).height(); 
     });  

     $("#x-section-1 .x-column").css('height', max);
}

$( document ).ready( set_equal_height );
$( window ).load( set_equal_height );
$( window ).resize( set_equal_height );

set_equal_height();

});

Hope this helps.

[Anonymous]

Hi thank you.
Now I can manage it to have the pictures in line, but now I hav no chance to let user open the picture in a lightbox for example.

And, if you go to the page again, you can see that it is a problem, when you shrink the browserwindow up to the mobilemode.

Thx
A

[Paul RModerator]

Hi Andre,

If you want to open the image in a lightbox you need to use the image element instead.

You haven’t mentioned it the first time so we suggested it to be background image.

Thanks

[Anonymous]

Ok, now I used the image element. But now is the image in the middle much more higher that the others.
What do I have to do to have these three images aligend?
Please let me know the correct image size or the right settings for that simple whish.

Thx
A

http://sub.smokestacklightnin.de/test/

[RupokMember]

Hi there,

Thanks for updating. Kindly use the same size column and same resolution for the images – http://prntscr.com/aohws3

Hope this helps.

Cheers!

[Anonymous]

Hi, but that´s a different layout than that what the customer wants. Does that mean that it is not possible to build a layout you can find here for example? http://prntscr.com/aosdr7

[JackKeymaster]

Hi there,

That should be possible, you can add a new section on a page using a no container template, then add a row and for that row have the custom row size, so you’d have 1/4 + 2/4 + 1/4, then you can add a image to each column within that row.

If it doesn’t seem to be working, please provide wp-admin details in a private reply and we’d be happy to take a look for you. 🙂

Thank you!

[Author]

Posts