Forum | Appery.io

hi! I have been trying to vertically align my header text but to no avail. Here is what I did:
.ui-header .ui-title, .ui-footer .ui-title {
vertical-align: middle;
}

also tried applying vertical-align to just .ui-header and creating a new css class, but it does not work.

Hi Yan,

Header text is vertically aligned by default, but as you have a bar in header it reflects visually not in the middle, you can try using margin:

Something like:

pre.ui-header .ui-title {
margin: 0px 0px -20px 0px;/pre