Vertical middle

Hello, Is it possible to position vertically to the middle with the theme? Like in the picture the (Contact us) below. It looks to be in the middle but it is with top padding (so if screen size changes, it will not be there). Many thanks! Th vertical-align doesn’t seem to work.

Sorry - the upload doesn’t seem to go up but I think the question is clear without it :sweat_smile:

Hey Steven,

I’m sorry but I’m currently not sure what you want to achieve so it would be best that you upload a screenshot. If it’s too big, please use a file storage service like Dropbox.

Please also provide the URL of the specific page so we could check the setup.

Thanks.

Hello,

So basically, I would like to arrange the “Contact” bit to the middle vertically. At the moment, it is simply just padded from the top to push it into the middle but that’s not the right way (and if screen size changes, it will simply be i.e. 40px padded from the top, which is not necessary the middle).

Hello Steven,

To properly place the contents at the middle of the columns, please do the following:

  • Please click the row and in your row settings enable the “Marginless Columns”.
  • Click the column and in your column settings, find the “Customize” tab
  • And then insert this custom inline element css
$el {
  vertical-align: middle;
}

Hope this make sense.

Unfortunately, I tried this before. It has not effect. I just tried it again and doesn’t work.

Hello Steven,

The suggested solution should have work as I have tested it first. Would you mind providing us the url of your site with login credentials so we can take a closer look?

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Thank you.

Sure, please see the secure note below. Not sure why it doesn’t work, I probably didn’t do something right. Secure note is coming in a sec.

The page in question is: Locations > Perth, Australia (and towards the bottom of the page, you will see the “Contacts” part).

Hi Steven,

The recommended CSS weren’t added, I went ahead and added and it works. I also added !important since it’s being overridden.

Cheers!

1 Like

Oh, I see - I added the CSS to the wrong section, not to the “Customize” part. Thank you for sorting it out.

We’re glad we could help.

Cheers!

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