Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #255612

    Hi,

    look at this page : http://www.betuwepc.com/knbb/districts-finale/

    I cant get the alignment right, the radio buttons needs to on 1 row.
    And if i put an text field on large, it wont change.

    #255622

    Hey BetuwePC!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .gform_wrapper ul.gfield_radio li {
    float: left;
    margin-right: 20px;
    }

    Cheers!
    Yigit

    #255626

    Thanks Yigit, and what about the difference in width at the text fields ? They needs to be al the same

    #255630

    Hi!

    Please add following code to Quick CSS as well

    .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input { width: 210px !important; }

    Cheers!
    Yigit

    #255633

    damn your fast :)

    But, i put it to the Quick CSS but i see difference this time.

    #255637

    Hi!

    You have following css codes

    .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select {
    width: 95% !important;
    }
    
    /* and */
    
    .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input {
    width: 95% !important;
    }

    in this file yourdomain.com/knbb/wp-content/plugins/gravityforms/css/formsmain.css?ver=1.8.6
    Please remove !important from these codes and it should work fine

    Cheers!
    Yigit

    #255666

    thanks, but still not al the same

    #255668

    Hey!

    Please add following code to Quick CSS as well

     #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { width: 240px !important; }

    Best regards,
    Yigit

    • This reply was modified 10 years, 6 months ago by Yigit.
    #255672

    done, but not perfect.
    Is it possible to do al the fields in 1 css width ?

    #255684

    Hey!

    I have just update the code i posted in my previous post. This should do it. Please try it now

    Regards,
    Yigit

    #255700

    almost ;)

    #255703

    Hey!

    Once again edited and added !important rule. Now it should really do it :)

    Regards,
    Yigit

    #255705

    thanks, it is ok now !!

    You may go home now ;)

    Best regards !

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Gravity forms align’ is closed to new replies.