Hi there,
I am using shortcode to program a footer widget and can’t figure out how to change the color of the “Submit” button in the contact form. Is there a way to do this via shortcode? Thanks for your help.
Hey better_in_violet,
You could add this css code in the General Styling > Quick CSS field:
.form_element input[type='submit'].button {
background-color: blue !important;
}
If this doesn’t help, Please include the url to the page in question so we can take a closer look.
Best regards,
Mike
Hi again,
Would this change the color of all the submit buttons on the site? I’m looking to change only the button in the footer.
I think I actually have this figured out using the General Styling tab. Thanks for your help. I have a related question regarding the button which I’ll post here. Is there a way to change the size of the Submit button in the footer so that it is in line with the icon box (‘Business blogging e-course’) above it and matches its width?
Hi,
Please include the url to the page in question so we can take a closer look, and ensure that the code we give you only effects the one button.
Best regards,
Mike
It’s the homepage: tarynwrites.com. The submit button in question is in the footer and says “COUNT ME IN.”
Hi,
It looks as though your site is in maintenance, please include a login in the Private Content area.
Best regards,
Mike
Login details below…
Hi,
Please try this code in the General Styling > Quick CSS field:
@media only screen and (min-width: 767px) {
#top #custom_html-3 .modified_width .button {
width: 90% !important;
margin-left: 10% !important;
}
#top #custom_html-3 .avia_ajax_form .text_input {
width: 98% !important;
}
}
Best regards,
Mike
Perfect! Thanks so much for your help. :)
Hi,
I’m glad you were able to get this resolved, if you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon