I cant vertically align my content to center or bottom

DesignOriginal

Hi all,

Can anyone help? I can't vertically align my content. I am working with two columns (text in the left and a video/image in the right) and want to centrally align the video to the text.

I have selected Vertical Align > Middle for the Wrap and Style > Equal Height of Wraps for the Section, but it will still not centralise.

Any help would be appretiated.

Many thanks,

Zak

Bryan

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

upya1980

Hello, I have the same problem.

In my row I need two elements, image and text. I want put the text in the middle of the column.

The yellow area is where i want the text. How it is possible?

Thank you

Pablo

Hi,

Are your text and photo in same section?

Did you select Vertical Align > Middle for the Wrap and Style > Equal Height of Wraps for the Section?

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

upya1980

Same section for the two items.

The section has a "equal height of wraps" and the wrap has "vertical align middle".

But the results is the same of img.

Pablo

Please send a link to your website.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

upya1980

http://birdys.upya.it/

Pablo

Please make it similiar to this image:

http://prntscr.com/jzueid

Two wraps in one section.

Go to edit of section and check the option Equal Height | Wraps on nearly bottom of the editor (Advanced section)

http://prntscr.com/jzuf3d

Then, please edit a wrap of the item with your text and again on the bottom of editor, you'll find "Vertical Align", set it to Middle http://prntscr.com/jzufu6

This will look like this now:

http://prntscr.com/jzug0m

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

upya1980

https://prnt.sc/jzwbow

solved.

Thank you so much!

axelavi33

What do I do if I have my wrap like this case:

https://www.screencast.com/t/ouGY7LXcSd

The images are not aligned in the middle.

Phil

axelavi33,
Please always attach a link to your website so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

Also, please, explain me greater how your images supposed to be displayed.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

axelavi33

I don't really wanna make the website viewed by everybody.

How can I share privetly the link?

Basically the backend images are like this in wraps:

https://www.screencast.com/t/ouGY7LXcSd

And on the website they look like this:

https://www.screencast.com/t/6sxo74rA

And they need to be align in the middle vertically.

Phil

The one option is to edit every image you used in some graphic program and make them all the same height, by adding some blank space at the top and bottom.

Or you can create "Client" items, and set these images as Clients featured images, and then all of them should be vetrically aligned.
https://prnt.sc/vjyyo9
https://prnt.sc/vjz06r

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

axelavi33

The client will not work. Because I can have only 6/row... And I need to list more than 6/row.

Phil

Then you will have to edit your images in graphic program like I said in the first part of previous message.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jotamarin

I'm having the same problem, but none of these solutions seems to work for me.
This is how it looks now: https://prnt.sc/vnw7ql

I want the text and the button aligned vertically in the centre of this blue box (which is an image).

This is how the Section looks like:
https://prnt.sc/vnw6pc

This is the Wrap
https://prnt.sc/vnw71w

The backend:
https://prnt.sc/vnw7c0

Would you guys be able to help me?

Thank you!

Phil

jotamarin,
Please, try to put this image as section background, and create 3 wraps like on the following screenshot.
https://prnt.sc/voagj1

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next