I cant vertically align my content to center or bottom

DesignOriginal · October 2017

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 · October 2017

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

upya1980 · June 2018

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 · June 2018

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.

upya1980 · June 2018

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 · June 2018

Please send a link to your website.

Thanks.

upya1980 · June 2018

http://birdys.upya.it/

Pablo · June 2018

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

upya1980 · June 2018

https://prnt.sc/jzwbow

solved.

Thank you so much!

axelavi33 · November 2020

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 · November 2020

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

axelavi33 · November 2020

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 · November 2020

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

axelavi33 · November 2020

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

Phil · November 2020

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

Best regards

jotamarin · November 2020

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 · November 2020

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

Thanks

I cant vertically align my content to center or bottom

Comments