Rendering checkboxes as block instead of original inline

  • bdd

    (@bws-online)


    7 years, 11 months ago

    With the latest plugin update, checkboxes that were previously displayed in a single column (as desired) are now being displayed inline (and a mess).

    I already had .wpcf7-list-item {display:block;} in the CSS — updated it to span.wpcf7-list-item { display: block; } per what’s now listed at https://contactform7.com/custom-layout-for-checkboxes-and-radio-buttons/ just in case that was the issue, but it’s still not working.

    (This happens on both Chrome and Firefox, I’m on Windows 7 Professional.)

    Please advise.

    Thanks.

    • This topic was modified 7 years, 11 months ago by bdd.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Where can I see the site?

    Thread Starter bdd

    (@bws-online)

    Can’t post it here — I’ll send you a PM on Slack.

    Thread Starter bdd

    (@bws-online)

    I sent you a message but didn’t hear anything back on Slack or here. Please reply? Thanks.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Post it here. I don’t provide any private support.

    Thread Starter bdd

    (@bws-online)

    Not looking for private support. Just can’t post links here.

    Looking at the CSS, checkboxes had this before the update (when it worked):
    .wpcf7-list-item { display: block; }

    And now the CSS has:
    span.wpcf7-list-item { display: inline-block; }

    If I change that display: inline-block; to display: block; it works.

    I checked /wp-content/plugins/contact-form-7/includes/css/styles.css and lines 58 to 61 have:

    span.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

    So I have a temporary solution to fix my problem, but you may want to investigate this/I posted here in case anyone else was seeing the same thing.

    Thanks. Your temporary solution worked for me, after a lot of other solutions not working.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Rendering checkboxes as block instead of original inline’ is closed to new replies.