Navigation
Archive / Make "Send" button on contact form full width on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 14, 2017 at 4:45 pm #1407162
    Itwebdevelopment
    Participant

    Hi on this page:

    https://www.dzdrones.com/contact-us/

    I’d like to make the send button full width.

    I’d also like to make it so the message box can’t be expanded and has a character limit.

    Is there any way to do this?

    Thanks!!

    March 15, 2017 at 1:06 am #1407606
    Friech
    Moderator

    Hi There,

    Thank you for writing in! You can add this under Custom > CSS in the Customizer.

    @media (max-width:  480px) {
	.page-id-344 .wpcf7 input[type="submit"] {
		width: 100%; 
	}
}

    You can add a minlength and maxlength on the text area shortcode on your form.

    Max & min length options and character count

    Hope it helps, Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1407162 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>