Make button wider (even tough text is short)


#1

Hi, does anyone know how to make a button wider (longer)? Even though the text is short. So that there is one length for all buttons. Thank you!


#2

One approach is to increase the left and right padding of a button, e.g.:
// regular button
.button { padding: 12px 15px; }

// wider button
.button-expand { padding: 12px 30px; }

If you want them all the same width, use width:
.button-expand-200 { width: 200px; }

If you want a full-width button on mobile:
.button-mobile { max-width: 100%; }