5 columns with images, don't get them in the middle

[Leopart]

Hi,
i allready tried anything i know.
Centered anything i have found out to get them vertical and horizontal center, but i don’t work
The Section at the bottom of the page.

For the vertical alignment for now i use padding-top, but it isn’t what i looking for.

Help me please

Is it possible the problem came from the javascript query of the link colums?

[basanta]

Hi There,

Thanks for writing in!
Unfortunately, the login details you have sent is not working, so I am not able to check what exactly happening in your end as the site is under construction.

Look like you have added all the logo images inside one column, if so please make the row as margin less column.

Then add the following code to element CSS of the column.

$el{
vertical-align: middle !important;
}

Hope this helps!

[Leopart]

Dear @basanta,
yes, that’s what i also tried

It is the Section “Partner”.
i have tried it in different way, one row, one column and within a global block with 5 columns
And the “Normal” way, one row and 5 coloumns, nothin work.
Both way with the custom CSS, but it looks creepy.

Sorry with the login-details, something went wrong with the pw.
Have updated the login.

Kind Regards

[alexander]

Hi Leopart,

I checked and it looked like you added the alignment css to the image itself rather than the column. Also, I can confirm that it is the jQuery code that you’re using to wrap the column in a link. Instead, I would recommend just using a button element.

I’ve added a new row to that section and placed a button in the first column to demonstrate how this would work. You could duplicate that button over to the other columns and update the links and logo images. Setting the min height when inspecting the button would control how much space is above/below the image. If you enable a background color on the button temporarily you can see how that space relates to the image and the column.

[Leopart]

Hi @alexander,
i can’t belive it.

I haven’t thought there is a chance to get this with the button element.
After duplicate and edit the other one, it looks like i want it.

Perfect and thank you so much for helping me out,
Finally i got an easier solution for this for my other projekt in the future!

Yopu should add a “snipped” section in the “kb” section for things like this

Keep up your awesome work with the whole Themeco Team,
Kind Regards!

[rad]

You’re most welcome!