Adding 2 (or more) images on top of each other in a same row?

---

Hi,

I have 2 questions:

1, I'm using "Use browser height for row height" for adding text in a same row with an image. What about adding more images in a same row?

2. If the above is not possible, I'm using the "offsets" to add images in same height/row, but I'm experience extra space on bottom now... How to resolve this?

Thanks in advance,
Vencho

Hi Vencho!

Can you upload a little example image to demonstrate what you want to achieve?

Best!

Marius

Hello Marius,

Thanks for getting back in touch with me.

You can see it here -> http://www.venchomiloshevski.com/logos-2/

You see I'm building a grid with some logos that I did. With laytheme you can't place image above image in a same column. You must open a new row and use "offsets" to put it up underneath the image you want.

While I'm doing this, you can see at the bottom, I experience extra unwanted space by using offsets. Even though there isn't anything, technically those rows are occupied with images that are placed above with offset.

Do you get my point now? :)

Thanks!

Hi Venchomil!

I see your point.

Indeed this is a feature which is missing and would be great in the future.

Until then you have to find a workaround.

The solution you found is actually pretty good.

You can use the custom CSS to remove the height of the last row:

.row:last-child {
    height: 0px;
}

I hope that works for you!

Best!

Marius

Thanks, Marius.

How would the code look like by using CSS based on the current page I want this to be applied on?

@mariusjopen

Hello Marius,

Can I get an answer as soon as possible? It's has been few days and I need to get running up the site ASAP!

I've also opened a new post regrading another question...

Thanks

Hi Venchomil!

Ok, try to put this in your Custom CSS code:

.one-col-row {
    height: 0px !important;
}

This is the last row of thumbnails in your frontpage grid.

Good luck!

Marius