Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
dannydiegomusic

How to center text on buttons?

Question

4 answers to this question

Recommended Posts

  • 0

In the Custom CSS, try adding this:

.sqs-block-button .sqs-block-button-element--small { line-height: .95em;}

Hope this helps!


I am a front-end developer/designer and run Creative Squeeze, a small Creative Agency in Orange County, CA with two friends. As a Squarespace Specialist, I like to help where I can help build on the growing body of support for Squarespace. Let me know if you have a question and I'll do what I can to help!

Share this post


Link to post
  • 0

In the Custom CSS, try adding this:

.sqs-block-button .sqs-block-button-element--small { line-height: .95em;}

Hope this helps!


I am a front-end developer/designer and run Creative Squeeze, a small Creative Agency in Orange County, CA with two friends. As a Squarespace Specialist, I like to help where I can help build on the growing body of support for Squarespace. Let me know if you have a question and I'll do what I can to help!

Share this post


Link to post
  • 0

This Custom CSS will vertically align the text in a consistent button height and gives the text a nice line-height. Good for a grid:


.sqs-block-button{
   display:table;
   min-height:60px;
}
.sqs-block-button .sqs-block-button-element--small{
   display: table-cell;
   vertical-align: middle;
   line-height:1.2em;
}

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...