# Can't get column classes to work \[RESOLVED\]

**URL:** <https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347>\
**Category:** Get Help\
**Tags:** css-ready-classes\
**Created:** [July 28, 2019, 3:34pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347 "2019-07-28T15:34:11Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![richexperiences](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richexperiences/32/585_2.png) [@richexperiences](https://community.gravityforms.com/u/richexperiences)\
**Post date:** [July 28, 2019, 3:34pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347/1 "2019-07-28T15:34:11Z")

</div>

I’m a newbie here. I’m trying to get up to speed on form layouts, but my first attempt failed. I’ve applied the gf\_left\_half and gf\_right\_half classes to my simple form. No change. Any ideas?

[http://leafidentity.com/forms-test/](http://leafidentity.com/forms-test/)

 ![55%20AM](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/ffd5135dfb9bffc66ae8f97a40a6860ae5c2f08d.png)

---

<div class="post-metadata">

**Author:** ![richexperiences](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richexperiences/32/585_2.png) [@richexperiences](https://community.gravityforms.com/u/richexperiences)\
**Post date:** [July 28, 2019, 3:45pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347/2 "2019-07-28T15:45:06Z")

</div>

![09%20AM](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/d/dc4ad90492ca85c40ec54645ac8094e4d1fa8041.png)

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [July 28, 2019, 3:52pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347/3 "2019-07-28T15:52:49Z")

</div>

The column classes only work with the top label setting. You’re using the left label. If you change that to top label, you will see that the classes work.

> **[Modifying Field Layout with CSS Ready Classes - Gravity Forms](https://docs.gravityforms.com/css-ready-classes/#halves-2-columns-)**
>
> In Gravity Forms 1.5 we added "Ready Classes". Using these new classes, you can easily create more advanced alternative layouts for the fields in your forms.

```auto
### Halves (2 Columns)

Note: These only work with the “top label” form layout option and are 
intended to be used in left half/right half pairings to work properly.

```

---

<div class="post-metadata">

**Author:** ![richexperiences](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richexperiences/32/585_2.png) [@richexperiences](https://community.gravityforms.com/u/richexperiences)\
**Post date:** [July 28, 2019, 4:07pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347/4 "2019-07-28T16:07:10Z")

</div>

Thanks Chris. I guess I need to read up on what Top Labels are. I have no clue.

---

<div class="post-metadata">

**Author:** ![richexperiences](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richexperiences/32/585_2.png) [@richexperiences](https://community.gravityforms.com/u/richexperiences)\
**Post date:** [July 28, 2019, 4:10pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347/5 "2019-07-28T16:10:35Z")

</div>

Got it. Wasn’t sure if Top Label was some global form title label thing. I see, it’s just field label alignment. Cool

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [July 28, 2019, 4:14pm UTC](https://community.gravityforms.com/t/cant-get-column-classes-to-work-resolved/2347/6 "2019-07-28T16:14:00Z")

</div>


