# Styling a Form in Columns

**URL:** <https://community.gravityforms.com/t/styling-a-form-in-columns/12072>\
**Category:** Get Help\
**Tags:** columns, css\
**Created:** [February 28, 2022, 8:02pm UTC](https://community.gravityforms.com/t/styling-a-form-in-columns/12072 "2022-02-28T20:02:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Greg](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/greg/32/4525_2.png) [@Greg](https://community.gravityforms.com/u/Greg)\
**Post date:** [February 28, 2022, 8:02pm UTC](https://community.gravityforms.com/t/styling-a-form-in-columns/12072/1 "2022-02-28T20:02:06Z")

</div>

I’ve got a new web build and the guy is pretty adamant that we keep the same look from his existing site (long story). They are using a crappy contact form and I want to use Gravity Forms…so is there any way to style a form like this where you have the name, phone, and email on the left and a message box on the right?

 ![download](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/f79f0ec2b72c3dd290d27a7b1f10a495345a8292.png)

---

<div class="post-metadata">

**Author:** ![uamv](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/uamv/32/1412_2.png) [@uamv](https://community.gravityforms.com/u/uamv)\
**Post date:** [February 28, 2022, 8:15pm UTC](https://community.gravityforms.com/t/styling-a-form-in-columns/12072/2 "2022-02-28T20:15:00Z")

</div>

You can set the **Name** and **Comments** fields in the same row. Resize width of **Email** and **Phone** to match that of **Name**. Finally, you can target the **Comments** input with the following CSS:

```auto
body .gform_wrapper .gform_body .gform_fields .gfield#field_7_2 {
    grid-row: span 3;
}

```

Update the `#field_7_2` to match your specific form ID and field ID.

---

<div class="post-metadata">

**Author:** ![Greg](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/greg/32/4525_2.png) [@Greg](https://community.gravityforms.com/u/Greg)\
**Post date:** [February 28, 2022, 9:11pm UTC](https://community.gravityforms.com/t/styling-a-form-in-columns/12072/3 "2022-02-28T21:11:26Z")

</div>

Thanks for chiming in! So I’m getting closer…

Here is my test: [Form Test | DEV - The Law Offices of Colby Lewis](https://dev.clewislaw.com/form-test/) (ignore how ugly it is for now).

I have name and comments left and right in the same row. I’ve got email and phone and name set to large. It’s kicking the phone number to the far right now.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [March 30, 2022, 9:12pm UTC](https://community.gravityforms.com/t/styling-a-form-in-columns/12072/4 "2022-03-30T21:12:25Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.