XF 1.3 Button text alignment


New member
The text on some of my buttons is aligned to the top of some buttons. (See images below.)

Here is the extra CSS that I have added for my "Buttons" and "Primary Button" in the Buttons Style Properties:

text-align: center;
font-weight: 700;
line-height: 21px;
display: inline-block;
cursor: pointer;
border: 0;
Any idea how I can fix this?



Well-known member
Buttons are picky throughout XF, don't use any padding on the default button and stick to height/line-heights.

By default XF has a border on the top and bottom so the height is 23px, while the line-height is 2px(1px for the top/bottom border).

If you want to increase your button height, increase the height/line-height, don't use padding on the top/bottom