Centering text verically

This topic has 1 reply, 2 voices, and was last updated 9 years, 10 months ago by Sebastian.

Author	Posts

robertlo May 27, 2015 at 9:48 pm	Heads up! this post was created when Microthemer was at version 3. The current version is 7. Some references to the interface may be out of date. 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 May 28, 2015 at 12:43 pm	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.

Author

Posts

robertlo May 27, 2015 at 9:48 pm

Heads up! this post was created when Microthemer was at version 3. The current version is 7. Some references to the interface may be out of date.

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 May 28, 2015 at 12:43 pm

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.

Centering text verically

Support