Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Check Boxes are too far apart

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Takayuki Miyoshi


    In your theme’s custom/layout.css #243

    .format_text input, #commentform input, #commentform textarea {
        border-width: 0.071em;
        padding: 0.214em;
        width: 45%;

    This “width: 45%” is also applied to checkboxes.

    Firebug is very useful for this kind of jobs.


    Thank you for your help… I do use firebug. When I identified the class I attempted various changes even making the width less but nothing seems to be working.

    I tried using the tag you mentioned above… and yes it does shrink the space between the check boxes, but it shrinks everything else too! I only need the the checkboxes shrunk…

    I tried using the .wpcf7-form-control-wrap packet tag, or even the .wpcf7-checkbox or .wpcf7-checkbox wpcf7-exclusive-checkbox tags… nothing is pulling the checkboxes ONLY together!

    I would appreciate any help you can offer… For some reason this problem eludes me.

    Plugin Author Takayuki Miyoshi


    Don’t forget CSS selector’s specificity calculation rules.

    Try adding some parent selectors like .wpcf7 .wpcf7-checkbox

    I went to the forum for my theme, Thesis… I found a fix there that doesn’t change the rest of my page.

    .custom .format_text input, #commentform input, #commentform textarea {

    It works!

    hum… where is this file, layout.css ? I don’t see it…

    Thain, the layout.css file is inside your theme’s custom folder… On the site I’m building, it’s path is here /public_html/wp-content/themes/thesis_182/custom/layout.css

    Hope this helps…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Plugin: Contact Form 7] Check Boxes are too far apart’ is closed to new replies.