Remember me

Move label to the LEFT of Input box

6 years 4 months ago #1

  • Rob's Avatar
  • Rob
  • Posts: 12
I have a client who would like the label of each input box to appear on the left of the input box instead of on the top. Is this possible?

6 years 4 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 11342
Hello,

You can add this code into your template custom.css file
.ba-form .tool {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.ba-form label span {
    white-space: nowrap;
}

.ba-form label {
    margin-bottom: 0 !important;
}

.ba-form label + *{
    width: 100%;
}

Let us know results

Many thanks,
Artem, Balbooa.com

6 years 4 months ago #3

  • Rob's Avatar
  • Rob
  • Posts: 12
That worked perfectly. I added a width to the label to keep the input boxes inline and looks great.
Thank you.

6 years 4 months ago #4

  • Artem's Avatar
  • Artem
  • Posts: 11342
You're welcome :)

Regards,
Artem
Powered by Kunena Forum