Docs

[yhshin1020]

Hey,

I have a content band with a class of “openinghr” and I want to vertically align the text inside it.

I have been using

.openinghr{
   display: flex;
  align-items: center;
  justify-content: center;
}

to align vertically, and it works on other pages.

However, it just doesnt seem to work on one particular page.

Another problem i’m seeing is that I have two content bands with the exactly same set up (more details are below) but the texts are aligned differently.

I am so frustrated with this issue.

Thank you.

[yhshin1020]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.openinghr .x-1-3 {
    padding-left: 3%;
}

No, those content band where not setup the same. You have added a padding to the contactus while nothing on the openinghr.

Hope it helps, Cheers!

[yhshin1020]

Hey,

I got that sorted now, but why isnt flex working?

I want to center the text in the second content band vertically.

Thanks.

[Rue Nel]

Hello There,

Thanks for the updates. To resolve your issue, please find and update your code by using this instead;

#columncontact {
    padding-left: 6%;
    vertical-align: middle;
}

http://prntscr.com/cdlm7k

And by the way, I noticed that you are using ID. Please take note that ID should be unique. What you have done is invalid and incorrect. Your should be using class instead.

http://prntscr.com/cdlmtz

Hope this helps.

[Author]

Posts