[Plugin: Contact Form 7] how to control checkbox layout

Viewing 5 replies - 1 through 5 (of 5 total)

  • some css added might clean the desing up a bit (depending on the width of the fluid layout):

    .wpcf7-list-item { float:left; width:30%; }
.wpcf7-form p { float:left; clear:left; margin:5px 0!important; }
    Thread Starter joehark

    (@joehark)

    Thanks for your response. I don’t want to change the layout widths.

    The code I am referring to is found in another posting here. And my issue is, where exactly should I put it.

    span.wpcf7-checkbox span.wpcf7-list-item { display: block; }
span.wpcf7-radio span.wpcf7-list-item { display: inline; }
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Put it into bottom of the style.css file in your active theme.

    Thread Starter joehark

    (@joehark)

    thank you for the response – and for the excellent plugin.

    Sorry to report that putting that code into the Atahualpha theme does not affect the layout.

    If you have an alternative suggestion, I would appreciate it.

    thank you.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    It’s a matter of CSS stylesheet. If you are not familiar with CSS, I suggest you to learn it first.

    https://www.w3.org/Style/CSS/learning

    Or, someone might be able to point the cause if you can show the URL of your contact page.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Contact Form 7] how to control checkbox layout’ is closed to new replies.