3.2.0

How to display items with a font size greater than 14px

i would like to display items with a font size greater than
14px in a list. The font size itself is not the problem, but the font descent is still truncated. i defined for each item in the list the "top" property in css by using:

#myList-item-0 { top: 3px }
#myList-item-1 { top: 23px }
#myList-item-2 { top: 43px }

but unfortunately the font-descent is still truncated.
i tested a couple of variations with height, font-size... in the style, but without any success.
any clue ?

Thomas Henrichs
July 9,
The text is vertically aligned to the middle of the list item. If you increase the font size you have to increase the item height as well -

.aw-list-item {
    height: 24px;
    font-size: 16px;
}


You can also move the text up or down with position:relative and top:... rules
.aw-list-item .aw-item-text {
    position: relative;
    top: -4px;
}
Alex (ActiveWidgets)
July 15,

This topic is archived.

See also:


Back to support forum