[tatyana.kozh@icloud.comParticipant]

.li#filed_2_4.gfield.field_sublabel_below.field_description_below {
float: right;
}

http://theartefact.com/contact/#form

Hi above is the css code I am trying. I want to get this how can I help you field to float right. I think I am not naming it correctly, can you guide me?

[LelyModerator]

Hi There,

Above CSS is wrong. The dot at the start will make it wrong. But then those CSS doesn’t fit any element. To help you better, can you clarify which text or element you want to position on the right? Screenshot of what you want to achieve will be a great help.

[tatyana.kozh@icloud.comParticipant]

http://theartefact.com/contact/#form

Here is the contact form. I want the how can I help? box to the right.

[ThaiModerator]

Hi There,

Please try with this CSS:

@media (min-width: 980px){
    li#field_2_4 {
        float: right !important;
        clear: none !important;
        margin-top: -230px;
    }
    li#field_2_4 #input_2_4 {
        min-width: 600px
    }
}

Hope it helps 🙂

[tatyana.kozh@icloud.comParticipant]

thanks, I need the next field floated too, but when I put it in it overlapped.

http://tatyanakozh.staging.wpengine.com/contact

@media (min-width: 980px){
li#field_2_4{
float: right !important;
clear: none !important;
margin-top: -230px;
}
li#field_2_4 #input_2_4 {
min-width: 600px
}

@media (min-width: 980px){
li#field_2_5{
float: right !important;
clear: none !important;
margin-top: -230px;
}
li#field_2_5 #input_2_5 {
min-width: 600px
}
}

[tatyana.kozh@icloud.comParticipant]

I was able to get the attachment field a bit below by playing with it but it is going to the right. The send button also shifted down when I did this. I want it all contained in a nice neat box.

Thanks,
Kathy

[RadModerator]

Hi there,

I tried and it’s messy. The elements are not properly grouped on its column, the above workaround is basically just positioning them which will not gonna work on all devices. What you need is to create the form with correct structure then CSS for adjustment, instead of using CSS to alter the structure. Would you mind providing your site’s admin login credentials? I’ll check if it’s possible.

Thanks!

[tatyana.kozh@icloud.comParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add this CSS code :

@media only screen and (min-width: 641px){
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    width: 32.3%;
    float: left;
    clear: none;
}
}

If you need further assist, please provide us with mockup.

Thanks.

[tatyana.kozh@icloud.comParticipant]

Hi,
Thanks, I have modified the code a bit and was able to get the two fields aligned on the right. How would I get email phone and send up a bit? I am looking for even spacing between name, email, phone and send. I really appreciate your help. I tried to do a mock up, but am struggling, but If you look at the page I think it is clear.

http://tatyanakozh.staging.wpengine.com/contact/

[Paul RModerator]

Hi,

Please move your textarea as your last field in gravity forms.

Thanks

[tatyana.kozh@icloud.comParticipant]

I did that, still doesn’t quite work.

http://tatyanakozh.staging.wpengine.com/contact/

[JoaoModerator]

Hi There,

I am confused with the layout that you are aiming to achieve.

It seems like it would look much more clean as Rad stated if all the elements were aligned on the left.

Please provide a mockup so we can help.

Also please check:

https://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

Thanks

Joao

[tatyana.kozh@icloud.comParticipant]

I have contacted gravity forms and have used the ready classes, but x theme overrides. They said to call you. It is simple really, I do not know how to mock this up.

Name how can we help?
email
phone attachment
send

Right now how can i help and attachment just randomly float to the right. I want them to be aligned.

[tatyana.kozh@icloud.comParticipant]

Please note in particular the attachment field is overlapping the how we can help field. I just want it to drop below.

[Author]

Posts