Applying spacing to labels

  • Resolved bclaim

    (@bclaim)


    11 months, 3 weeks ago

    Hi Andrea,

    I am trying to apply bottom spacing to the form text labels using CSS, but it is not working. For example:

    .bps-label {
    margin-bottom: 15px !important;
    }

    Any tips how I can achieve this?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Andrea Tarantini

    (@dontdream)

    Hi bclaim,

    For some reason the bottom margin doesn’t work in this case, or rather I couldn’t make it work.

    As a workaround, I can suggest applying a top margin to all the elements following a label:

    .bps-form #field_1, #field_5, #field27 {
    margin-top: 15px;
}

    You’ll need to note down the IDs of your search fields and list them all in your CSS rule. This is not ideal, so I hope that if other readers know of a better solution, they will kindly share it here.

    Thread Starter bclaim

    (@bclaim)

    Hi Andrea,

    Thanks for your reply. Unfortunately, it did not work for me. I am unsure why.

    However, I increased the line-height of the form instead and I am fine with how it looks. Here’s an example:

    .bps-form {
    line-height: 35px !important;
    }

    Hope this is OK!

    Plugin Author Andrea Tarantini

    (@dontdream)

    Hi bclaim,

    Nice solution, I hadn’t thought of that!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Applying spacing to labels’ is closed to new replies.

Tags