Docs

[yhshin1020]

Hey,

I want to vertically center certain elements within a content band in Visual Composer while not others.

I have managed to center all elements vertically using this css (note that the content band has class content3):

.content3{
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
  background-image: url(http://www.guidedogssg.com/wp-content/uploads/2016/11/om-version5.jpg);
  display: flex;
	align-items: center;
	padding: 0 !important;
	justify-content: center;
  height: 100vh;
}

However this vertically centers everything.

How can I center the text “Programmes” and “Orientation&Mobility” while keeping the scrolling animation div (in raw content element) at the bottom of the div using (possibly):

vertical-align: bottom;

So something like this:http://imgur.com/a/KVgaS

Thanks.

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! I have checked your site and it appears that you added a custom css to position the scrolling animation div. Please have the code updated and use this instead:

.demotest {
    position: absolute;
    bottom: -150%;
    top: auto;
    left: 50%;
}

Hope this helps. Kindly let us know.

[Author]

Posts