How To Customize Form Submit Button?

[CommunityAdmin]

Hi @unwritetherules,

Have you followed all the steps listed here? https://help.activecampaign.com/hc/en-us/articles/115000857744-How-do-I-customize-my-form-s-submit-button-

Thanks!

[dvcstem]

@unwritetherules

I have this problem too - has anyone resolved it?

I changed the hover colour and changed the text size for the submit button. It looks aok on the form editor preview, but is nowhere to be seen when I embed the code on my website.

Any ideas why or what I can do next?

I have the same problem, this web page does not explain why it only shows in the editor and not when live on website.

[canyoningonline]

I’ve managed to get this working after a great deal of fiddling around… You need to put the style AT THE END of your <style> tag (before the closing</style> tag).

Make sure you are targeting the element like so:

#_form_1_ ._submit:hover { enter-your-css: here !important ; }

Adding the !important flag prioritises this style over others.

[ashtoncc]

I am unable to get the vertical-align element to update a form when trying to style a button. Any ideas of what is wrong?

._submit {
vertical-align: bottom !important;
}

I also tried adding vertical-align to the wrappers and parent objects with no luck

[ashtoncc]

It appears that there is some sort of margin being set somewhere for the form

Form Screenshot

[alibby]

Hi @ashtoncc thanks for following up! I’m Abbie from ActiveCampaign - I appreciate you reaching out. While CSS and custom coding is not something we can assist you with directly outside of our resources, I think a certified consultant might be a great resource, as they can help you with the custom coding you’d like to implement. If you run into anything else, opening a ticket with our team will help us investigate a bit more throughly. You can open a request with us by reaching out at help@activecampaign.com.