Align checkbox on a form | Community
Skip to main content
June 22, 2017
Solved

Align checkbox on a form

  • June 22, 2017
  • 1 reply
  • 4313 views

Hi all,

Trying to align this checkbox but having difficulties. I am using a label as I need to be able to link out to the privacy policy. I try different label widths but nothing seems to be working. Here is a preview: Argus Media  > looks like the below.

The code within the landing page for a checkbox is:

.mktoForm .mktoCheckboxList {

float: left !important;

  display: block;

  padding-left: 15px;

  text-indent: -15px;

  width: 13px;

  height: 13px;

  line-height: 13px;

         padding: 0;

  margin:0;

  vertical-align: bottom;

  position: relative;

  top: -1px;

  *overflow: hidden;

I tried removing the label and putting into the display value (albeit that I couldn't include a link this way), this looked better but the tickbox was misaligned. Only change I made to the above was to float right, not left.

Help would be appreciated! @Sanford Whiteman​ - are you able to see what's going on here? If option 2 is easier to figure out then perhaps we could explore this route - option 1 would be preferable though.

Thanks,

Carly

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by

Hi Carly,

Please update your code with the changes highlighted in the red.

Thanks!

1 reply

Accepted solution
June 22, 2017

Hi Carly,

Please update your code with the changes highlighted in the red.

Thanks!

June 22, 2017

Wow you are amazing Akshi Chadha​ - thanks so much