How can I make Authorize.net Button Custom

Hi,

I have this embed code from Authorize and I want to utilize custom code to change the appearance of it to be more in line with our custom looks.

Can I utilize CSS for this? If so, how?

I’d like to add the button to my dropdown menu office space, right now it takes them to a section on the page.

<center>
<form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx">
<input type = "hidden" name = "LinkId" value ="bec0247a-063a-42fd-a3c5-cf73885469fe" />
<input type = "submit" value = "Pay Rent" />
</form>
<center>

Thanks!


Here is my public share link: https://preview.webflow.com/preview/rci-abf120?utm_medium=preview_link&utm_source=designer&utm_content=rci-abf120&preview=4525304cd7106ed78bc0647128b9f499&pageId=5e0e19c86de9380eac283ed8&mode=preview

One of our customers had a similar query so we wrote a script that allows you to easily create any element in Webflow and use it to submit any kind of form.

Here is a link to the tutorial video that walks you through the question, and then the solution from start to finish.

Please feel free to tag me if there are any questions at all!

Happy Thursday!