Vertical Center Align Elements in Columns

Support
#1

Hi

How do I vertically center align elements in columns? I would like the text and button to align center to the image.

Thank you,

Website: https://www.oneaccord.tv

#2

Hello @OmarC1014,

Thanks for asking. :slight_smile:

I don’t see similar looking element as shown in screenshot on home page of the website oneaccord.tv. Can you please share exact page URL? If you are interested in learning more about vertical alignment for a module, you can refer following threaded and tutorials:



Looking at the screenshot, you also have the option to assign margin-top CSS property and give appropriate value to vertically align the text with respect to the image. To know more about CSS margin-top property, please refer following article:

https://www.w3schools.com/cssref/pr_margin-top.asp

Thanks.

#3

Here is the link to the specific page - https://www.oneaccord.tv/about-us/

#4

Thank you for the information you shared. This worked perfectly:

.v-ctr-column {
vertical-align: middle !important;
}

1 Like
#5

We are delighted to assist you with this :slight_smile:

Cheers!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.