Hello,


since Googling and experimenting through the Chrome Console didn't help me find the solution I was wondering if somebody here could help me.

For a website with a K2 listing I've got a category view with items divided over 3 columns. Every item has a title and an image. Because some titles are divided over multiple lines, the images aren't aligned with each other.

I'd like to have the bottom side of the images aligned with the ones next to it. I've made these two images to show what I want:
* current situation: i.imgur.com/ORxumKw.jpg
* the situation I want to achieve: i.imgur.com/Jm4bcqZ.jpg

Thanks in advance!

Hello,

This is a template issue, you should address this issue to the template's developer.

Thanks for your answer. This is the standard K2 template that I'm using. I thought it was developed by Joomlaworks. Could you tell me who made it for K2?

Oh sorry about that.
1) Override the k2.css file
Grab the file from /components/com_k2/css and move it to your template's css folder.
2) locate .itemContainer { float: left; }
remove float: left and add display: inline-block; vertical-align: bottom; margin: 0 -2px;

Awesome, that worked like a charm!! Thank you very much!

You 're welcome Tom :)