Search code examples
cssbuttonsquarespace

How To Vertically Align Text On A Squarespace Button?


I currently have one line of text it is perfectly centered, but when I add a second line of text it floats beneath the first line.

I'd like it to be centered vertically even for multi-line button titles. How would I go about doing this using CSS?


Solution

  • Does it have to have fixed height? If not, remove the rule

    .sqs-block-button-element.sqs-block-button-element--small {
        height: 16.4px;
    }