Centering text verically

Author Posts

robertlo

http://igstrainingacademy.com/

I am trying to center the logo, menu and search icon vertically in the burgandy header area. How can I do that in MT?


Sebastian

Hi Robert,

There is a vertical align property that I only recently realised is missing from Microthemer. I’m currently racing to meet my deadline of releasing the new UI by the end of May. But I will happily add the vertical align property to the release. But for now:

The logo has a parent link element with a top margin of 35px. You can target this element by double clicking the logo and then going to the “Inspector tab” of the advanced selector wizard options. Just click the up arrow once to move from the logo up to the parent link element. Then create the selector and reduce the top margin until it looks centred.

If you target the menu items and the search icon and set the line-height to 90px (the full height of the burgandy area) that should vertically align them.

Cheers,
Seb

ps the vertical-align property probably would work as you might expect for this problem anyway.

You must login or register to reply to this topic.