Vertically Aligning images

resolver
Highlighted
Colaborador habitual

Hi

 

I have tried several ways to vertically align some images in the middle of a div. however I cant seem to solve this issue. 

I have provided a link to the page im working on and would really appreciate some help with the CSS required.

 http://www-eurobase-com.sandbox.hs-sites.com/our-partners?hs_preview=CYWkVcAE-6002374269

 

Thanks for any help!

 

Regards

Matt

Responder
0 Me gusta
1 Soluciones aceptada

Soluciones aceptadas
Highlighted
Top Advisor | Platinum Partner

@Matt1986 - try: 

.logo-tile-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

If this answer helped, please, mark as solved Emoticono muy feliz


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Responder
0 Me gusta
3 Respuestas 3
Highlighted
Top Advisor | Platinum Partner

@Matt1986 - try: 

.logo-tile-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

If this answer helped, please, mark as solved Emoticono muy feliz


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Responder
0 Me gusta
Highlighted
Asesor habitual

In addition to Tim's post, I always use this resource for centring things (you'll see it's pretty much what he recommended).

 

I thought it might come in handy if you need to centre anything else as it can be a pain!

 


Stephanie O'Gay Garcia
HubSpot Design / Development / Automation
Website | Contact

Responder
0 Me gusta
Highlighted
Colaborador ocasional

Is there inline styling you can do to accomplish this?

Responder
0 Me gusta