Left align text in button

Hi Morgan,

The custom css that you need to use will need to reference the " label" element of the button. The script below should work for you.

<br />#button-id .label {<br />&nbsp; &nbsp; text-align: left;<br />}<br />

Just replace button-id with the actual id of the button whose text you are trying to alter.

A couple of things to note,

1. The custom css must be added within tags (or a tag if you’re referencing an external CSS document).
2. Some custom CSS (and even Javascript) changes may not show up in the page builder itself. You’ll have to “Save Changes” and preview the page to see if it has taken effect.
   Let us know how you go with this.

Thanks for the response, Andre! Sorry, I didn’t include the entire CSS originally, since it’s actually a pretty long one. My bad…

<br />#lp-pom-button-53 {<br /> position: absolute;<br /> display: inline-block;<br /> margin: 0 0 0 0;<br /> padding: .6rem 3.2rem .4rem 1.5rem;<br /> background: #910048;<br /> border: 0;<br /> -webkit-appearance: none;<br /> -moz-appearance: none;<br /> cursor: pointer;<br /> color: black;<br /> line-height: 2.3;<br /> font-family: 'Sanchez W03', Rockwell, "Lucida Bright", slab-serif, serif;<br /> font-weight: 300;<br /> text-align: left;<br /> text-decoration: none;<br /> overflow:hidden; }

And it’s still not working even after publishing.

This worked! Thank you!