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

    (@takayukister)

    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.

    Takayuki,

    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

    (@takayukister)

    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 {
    width:auto;
    }

    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.