Title: Labels Layout
Last modified: September 18, 2017

---

# Labels Layout

 *  Resolved [aquariusss](https://wordpress.org/support/users/aquariusss/)
 * (@aquariusss)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/)
 * Hello!
    I’ve got a small problem with labels layout. Labels always appear on 
   the left side of the fields, no matter what layout I choose. I’ll try to provide
   more details. In Smart Forms menu, labels perfectly change their position when
   I change their layout and I can see that, but on the page they always appear 
   on the left side. Could you help me to place them on top of the fields?
    -  This topic was modified 8 years, 8 months ago by [aquariusss](https://wordpress.org/support/users/aquariusss/).

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * (@edgarrojas)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9506645)
 * Hello!
 * Could you send me a link to your form please?
 *  Thread Starter [aquariusss](https://wordpress.org/support/users/aquariusss/)
 * (@aquariusss)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9507016)
 * Oops, I thought I did, sorry. Sure thing, here’s [the link](https://wp.mainstreetschoolhouseinc.com/?page_id=1334).
 *  Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * (@edgarrojas)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9507178)
 * Yup, that’s a conflict. To fix it please add this in the css tab of your form:
 * .bootstrap-wrapper.compact .col-sm-3,
    .bootstrap-wrapper.compact .col-sm-4, .
   bootstrap-wrapper.compact .col-sm-5, .bootstrap-wrapper.compact .col-sm-6, .bootstrap-
   wrapper.compact .col-sm-7, .bootstrap-wrapper.compact .col-sm-8, .bootstrap-wrapper.
   compact .col-sm-9, .bootstrap-wrapper.compact .col-sm-10, .bootstrap-wrapper.
   compact .col-sm-11, .bootstrap-wrapper.compact .col-sm-12, .bootstrap-wrapper.
   exptop .rednao_label_container.col-sm-3, .bootstrap-wrapper.exptop .rednao_label_container.
   col-sm-4, .bootstrap-wrapper.exptop .rednao_label_container.col-sm-5, .bootstrap-
   wrapper.exptop .rednao_label_container.col-sm-6, .bootstrap-wrapper.exptop .rednao_label_container.
   col-sm-7, .bootstrap-wrapper.exptop .rednao_label_container.col-sm-8, .bootstrap-
   wrapper.exptop .rednao_label_container.col-sm-9, .bootstrap-wrapper.exptop .rednao_label_container.
   col-sm-10, .bootstrap-wrapper.exptop .rednao_label_container.col-sm-11, .bootstrap-
   wrapper.exptop .rednao_label_container.col-sm-12, .bootstrap-wrapper.exptop .
   redNaoControls.col-sm-3, .bootstrap-wrapper.exptop .redNaoControls.col-sm-4, .
   bootstrap-wrapper.exptop .redNaoControls.col-sm-5, .bootstrap-wrapper.exptop .
   redNaoControls.col-sm-6, .bootstrap-wrapper.exptop .redNaoControls.col-sm-7, .
   bootstrap-wrapper.exptop .redNaoControls.col-sm-8, .bootstrap-wrapper.exptop .
   redNaoControls.col-sm-9, .bootstrap-wrapper.exptop .redNaoControls.col-sm-10,.
   bootstrap-wrapper.exptop .redNaoControls.col-sm-11, .bootstrap-wrapper.exptop.
   redNaoControls.col-sm-12
 * {
    max-width:100% !important; }
 * That should fix it =).
 *  Thread Starter [aquariusss](https://wordpress.org/support/users/aquariusss/)
 * (@aquariusss)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9507533)
 * Hey, thank you very much for your quick reply!
 * I did that, but unfortunately it didn’t help.
 * I’ve got a few more forms and all of them have the same problem. I also tried
   to play with the page layout, make it narrower and set labels layout on “auto”,
   hoping they will be gone on top automatically, but to no avail.
 * You said it’s a conflict. Maybe I could do something else to fix it?
 *  Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * (@edgarrojas)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9507887)
 * Oooh i see, please include this one as well:
 * .bootstrap-wrapper .row{
    display:block !important; }
 *  Thread Starter [aquariusss](https://wordpress.org/support/users/aquariusss/)
 * (@aquariusss)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9508187)
 * Amazing! You’re like a magician. Thanks you very much for the plugin and for 
   your help!
 *  Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * (@edgarrojas)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9509841)
 * No problem =).
 * Let me know if you have any other issue or question and if you have a chance 
   please don’t forget to review the plugin =).
 * Regards!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Labels Layout’ is closed to new replies.

 * ![](https://ps.w.org/smart-forms/assets/icon-256x256.jpg?rev=1226707)
 * [Smart Forms - when you need more than just a contact form](https://wordpress.org/plugins/smart-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smart-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smart-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/smart-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smart-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smart-forms/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/labels-layout/#post-9509841)
 * Status: resolved