Must Round Submit Button

Developer Support CMS Development
1

Alrighty, guru’s - I can’t find anything about this that’s current.

I need to edit the Submit button on my HubSpot form to be a pill-style button. I’ve tried a gaggle of CSS tricks and have scoured the editor and can’t find anything to let me do this.
The latest CSS I have tried is shown below. I understand that it’s rendering via a JS but once rendered, shouldn’t we have some control over its appearance?

Any direction, guidance, insight or solutions would be GREATLY appreciated!!!

.hs-button.primary, body input[type=“submit”] {
border-radius:33px;
}

.hs-button.large.primary { border-radius:33px;
}

2

Hi @JohnInDallas, this works for me:

form input[type=submit] {
 border-radius:33px;
}

Have you set your forms to display as raw HTML?

piersg_0-1653553202002.png

3

I have not tried that as of yet, I will try that today and get back to you. Thank you SO MUCH for the feedback!!

4

Thanks for the suggestion, @piersg :raising_hands:

Hey, @JohnInDallas :waving_hand: Please let us know if it worked for you!

Best — Jaycee