Must Round Submit Button

[JohnInDallas]

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;
}

[piersg · Accepted solution]

Hi @JohnInDallas, this works for me:

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

Have you set your forms to display as raw HTML?

[Jaycee_Lewis]

Thanks for the suggestion, @piersg 🙌

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

Best — Jaycee

[JohnInDallas]

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!!