[marcel wParticipant]

Hi guys,

I am trying to vertical align the text in my content bands on a page:
http://www.atplexamen.nl/010-aviation-law/

I have tried a lot of CSS but al of the things I try don’t seem to work. I just want the text what is in the content bands to be aligned in the middle vertically, the content bands have a fixed height of 190px(#x-content-band-19 .x-content-band) and the phone vis. has a fixed height of 130px (#x-content-band-3 .x-content-band.)

Can you guys help me with this issue.
Much appreciated!

Regards

[ChristopherModerator]

Hello there,

Would you pleas add the CSS code below into Customize -> Custom -> CSS:

.page-template-template-blank-4-php .x-content-band.vc {
	display: flex;
	align-items: center;
	padding: 0 !important;
	justify-content: center;
}

Thank you.

[Jon GParticipant]

Sorry to dig this topic up from a couple of months ago, but the title of the original post is basically exactly what I want to talk about and the responses so far here haven’t resolved my query…

Am I right in saying that there is a way of adding functionality to Visual Composer to enable us to vertically align column content within a row? Does X already have such functionality?

I vaguely remember another theme having such functionality (Vellum? see last entry on this page: http://para.llel.us/support/tutorials/vellum-helper-css-classes/)

If it isn’t already included in the X version of Visual Composer, could it be considered for future developments?

[ChristianModerator]

Hey Jon,

We do not have the helper class. We’ll take note of this as feature request and might implement it in a future release.

Thanks.

[Jon GParticipant]

Much appreciated.

[DarshanaModerator]

Thank you for your understanding. Take care!

[LisaChristen2Participant]

I’d like to third this request! Would love to see a class for vertical alignment. Thanks!

[RadModerator]

Sure Lisa, it may took a while as it may composed by two or more elements. And not as simple as horizontal alignment due to html/css limitation.

[IntuitiveUSAParticipant]

I really need this. Aligning vertically is a nightmare…

[FriechModerator]

Hi There,

We added your request. Have you try to utilize the gap shortcode, to push the text in the middle vertically? You might achieve what you’re after with gap.

Thanks!

[Paul SParticipant]

Yes, this would be really useful 🙂

[JackKeymaster]

Hi there Paul,

Thanks for your vote! Noted. 🙂

[facelessParticipant]

Please, this is such a nightmare!!

[Rue NelModerator]

Hey There,

Your vote has been noted.

Thanks.

[alorraineParticipant]

Hey party people – I’ve found/discovered/lucked out on vertical aligning in a content band.

Adding ‘ vertical-align:middle; ‘ in the style box of a column will align whatever is inside, but only if Marginless Columns are on.

First thing I’ve ever been able to help with on the internet ever. Someone take a photo.

[Author]

Posts