Support » Plugin: Contact Form 7 » checkboxes are centered above the description instead of left aligning

  • Resolved katriel

    (@katriel)


    The checkboxes in this form are centering on the line above the description:
    http://qpsych.com.au/register-program/

    I added the following to the CSS – so that the checkboxes are “block” instead of original inline – but to no avail:

    span.wpcf7-list-item { display: block; }

Viewing 4 replies - 1 through 4 (of 4 total)
  • If you set
    span.wpcf7-list-item -> display:block;

    and

    input, label, select, textarea -> width: auto;

    the problem is resolved.

    Now, i want to enjoy this moment to ask you how do you save or use this informations that you collected with custom fields.

    Thread Starter katriel

    (@katriel)

    Hi,
    I added to the end of the css:

    span.wpcf7-list-item { display: block; }
    input.label.select.textarea { width: auto; }

    However, no luck. No change on the form. Any ideas?

    Hi, not sure if u type right. input, label, select and textarea are elements and the css define a rule for more than one style by typing them all separeted by comma. So your css should look like this.

    input, label, select, textarea {
    width: 100%!important;
    }
    This style is on style.css in line 2523, u could change it there or create a rule that is read after the css that you want to overwrite. As this width is defened with important, i guess you should type important too.

    Make sure to create exacly the same rule. Not just label {} or just textarea{} You will get like this.

    input, label, select, textarea {
    width: auto !important;
    }

    Thread Starter katriel

    (@katriel)

    Much thanks!
    The form looks great now.
    http://qpsych.com.au/register-program/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘checkboxes are centered above the description instead of left aligning’ is closed to new replies.