Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Forms Issue

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #200320
    david37ni
    Participant

    I need telephone and time to align with name and email but as you see their slightly off i used gravity in built classes for alignment but their not working as they should be. If Someone can guide me in right direction be great

    http://www.cambridgepuntingcompany.co.uk/bookings/

    #200323
    david37ni
    Participant

    Sorry I see now that it is in fact aligned but i need submit button and graphic up beisde on right

    #200324
    Paulie_D
    Member

    If you need the elements to be the same width you’ll need to add

    box-sizing: border-box;
    

    like

    
     .gform_wrapper .top_label li.gfield.gf_left_half input.medium,
     .gform_wrapper .top_label li.gfield.gf_left_half input.large, 
     .gform_wrapper .top_label li.gfield.gf_left_half select.medium,
     .gform_wrapper .top_label li.gfield.gf_left_half select.large,
     .gform_wrapper .top_label li.gfield.gf_right_half input.medium,
     .gform_wrapper .top_label li.gfield.gf_right_half input.large,
     .gform_wrapper .top_label li.gfield.gf_right_half select.medium,
     .gform_wrapper .top_label li.gfield.gf_right_half select.large {
      width: 97%;
      box-sizing: border-box;
    }
    
    #200325
    Paulie_D
    Member

    As for this

    submit button and graphic up beisde on right

    I’m not sure what you are referring to.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.