Shorter contact form

.tsidesign_contact .the_list_item_desc{ max-width: 134rem !important; margin: 0 auto !important; } .tsidesign_contact .the_list_item_desc input, .tsidesign_contact .the_list_item_desc textarea, .tsidesign_contact .the_list_item_desc * { color: #000 !important; } .tsidesign_contact .gform_title, .tsidesign_contact .gfield_label, .tsidesign_contact .ginput_container, .tsidesign_contact .gfield_required, .tsidesign_contact .the_list_item .the_list_item_headline, .tsidesign_contact .the_list_item .the_list_item_subheadline { color: #fff !important; } @media (min-width: 901px){ .tsidesign_contact #field_1_5{ float: right !important; margin-top: -18rem !important; width: 40% !important; } .tsidesign_contact .gform_wrapper .ginput_complex .name_first, .tsidesign_contact .gform_wrapper .ginput_complex .name_last { width: 25.6% !important; margin-right: .1% !important; } }
*This makes the contact form shorter on desktop and changes the input text to black
**Create an article with background and add shortcode for form into the desc area: [gravityform id="1" name="Contact Us”]
*Adjust field number to target the correct message box( example - field_1_5)

Screenshot: https://cl.ly/3Y0y1z3E0212

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.