• Hi,

    I have been fighting the line that my 3 text areas are on for hours. Anything I put on that specific line goes wonky. I have went so far as to make a whole new form, and the same thing keeps happening. When I initially refresh the page the form is on, it looks correct, then quickly snaps to what you see in the link. What am I doing wrong here? Any help would be appreciated. Thanks.

    View the form here

    <div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes"><p>Name [text* your-name]</div>
    <div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes">Email [email* your-email] </div>
    <div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes fusion-column-last">Phone number[tel* tel-117]</p></div>
    <div class="fusion-one-half one_half fusion-layout-column fusion-spacing-yes">Address [text* text-587]</div>
    <div class="fusion-one-half one_half fusion-layout-column fusion-spacing-yes fusion-column-last">Subdivision (if applicable) [text text-293]</p></div>
    <div class="fusion-one-fifth one_fifth fusion-layout-column fusion-spacing-yes"><p>Bedrooms [select* menu-969 "1" "2" "3" "4" "5" "6" "7+"]</div>
    <div class="fusion-one-fifth one_fifth fusion-layout-column fusion-spacing-yes">Bathrooms [select* menu-896 "1" "2" "3" "4" "5" "6+"]</div>
    <div class="fusion-one-fifth one_fifth fusion-layout-column fusion-spacing-yes">Garage (stalls) [select* menu-382 "1" "2" "3" "4" "5+"]</div>
    <div class="fusion-one-fifth one_fifth fusion-layout-column fusion-spacing-yes">Square feet [text* text-901]</div>
    <div class="fusion-one-fifth one_fifth fusion-layout-column fusion-spacing-yes fusion-column-last">Lot size [text* text-532]</p></div>
    <div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes"><p>Features [textarea textarea-95]</div>
    <div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes">Improvements [textarea textarea-285] </div>
    <div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes fusion-column-last">Additional comments [textarea textarea-996]</p></div>
    
    <p>Selling your home?[radio radio-891 use_label_element "Yes" "No" "Not sure"]</p>
    
    <p>Time frame[radio radio-737 use_label_element "Now" "Within 90 days" "3+ months"]</p>
    
    <p>[submit "Send"]</p>

    https://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jdeyoung1

    (@jdeyoung1)

    Put your dropdown menus in the last columns kids.

    dodine

    (@dodine)

    Hi there, can you please tell me how did you make four fiels in one line and how you make them short, i am using avada too and this problem torture me for five days, i would really appreciate your help! thanks

    Thread Starter jdeyoung1

    (@jdeyoung1)

    The above code works. Just make sure any dropdown menus are placed before anything with fields in your colums.

    dodine

    (@dodine)

    thanks for reply, where do i put this code?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Code for form styling with columns (Avada)’ is closed to new replies.