CMS Development

Matt1986
参加者

Vertically Aligning images

解決

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

0 いいね!
1件の承認済みベストアンサー
tjoyce
解決策
名誉エキスパート | Elite Partner
名誉エキスパート | Elite Partner

Vertically Aligning images

解決

@Matt1986 - try: 

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

If this answer helped, please, mark as solved 😄


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

 

Drop by and say Hi to me on slack.

元の投稿で解決策を見る

0 いいね!
4件の返信
tjoyce
解決策
名誉エキスパート | Elite Partner
名誉エキスパート | Elite Partner

Vertically Aligning images

解決

@Matt1986 - try: 

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

If this answer helped, please, mark as solved 😄


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

 

Drop by and say Hi to me on slack.

0 いいね!
karengerberry
参加者

Vertically Aligning images

解決

Is there inline styling you can do to accomplish this?

0 いいね!
Stephanie-OG
キーアドバイザー

Vertically Aligning images

解決

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

0 いいね!
arielservadio
参加者

Vertically Aligning images

解決

Thanks for providing this helpful resource, Stephanie! It's very frustrating that the ability to control the vertical alignment of images in an inherent in the editor in Hubspot. Is there any CSS based solution that is responsive? The solution above works in desktop view, but not mobile.

0 いいね!