Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #5455

    Hi,

    I know this may be out of the scope of support, but I have a styling question related to the Broadscope theme.

    I am using Contact Form 7, and am including the Really Simple CAPTCHA plugin.

    I can’t for the life of me put the CAPTCHA image and verification text box on one line. I have looked through examples of how to do it, and I think it is something to do with the Broadscope theme that is splitting them.

    This is what I am doing in the form:

    <p>Verify the 4 letters displayed (spam blocker)<br />
    [captchac size:l captcha-957] [captchar captcha-957 4/4 class:text_input] </p>

    You can see an example of the page here:

    http://tipoule.com/?page_id=401

    #50359

    Hey,

    add following code to css/custom.css:

    .wpcf7-captcha-size:l{
    display inline;
    margin: 3px 10px 0 0;
    }

    #50360

    Hi dude,

    I was starting to wonder whether you ever sleep :-)

    I made the change, but unfortunately it didn’t seem to make any difference:

    The HTML produced is:

    <p>Verify the 4 letters displayed (spam blocker)<br />
    <input type="hidden" name="_wpcf7_captcha_challenge_size:l" value="690998362" /><img alt="captcha" src="http://tipoule.com/wp-content/uploads/wpcf7_captcha/690998362.png" class="wpcf7-captcha-size:l" width="72" height="24" /> <span class="wpcf7-form-control-wrap captcha-957"><input type="text" name="captcha-957" value="" class="text_input" size="4" maxlength="4" /></span> </p>
    <p><input type="submit" value="Submit" class="wpcf7-submit button" /><img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://tipoule.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /></p>

    Does it have anything to do with the span:

    <span class="wpcf7-form-control-wrap captcha-957">

    #50361

    Mmm…ok then try to add following code to css/custom.css:

    .wpcf7 img{
    display: inline;
    margin: 3px 10px 0 0;
    }

    #50362

    Still no change I’m sorry to say.

    #50363

    Small typo – please try it again – now it should work :)

    #50364

    Sorry dude – I’ve been looking really hard. What’s the type? It looks fine.

    #50365

    I found it…

    The original was missing the colons after display. I was going through the CSS inspector and arrived at the same conclusion so that’s what made me see it.

    Now I have to line the image up nicely with the input box, but that shouldn’t be too hard.

    Thanks Dude.

    Dave

    #50366

    Before it was:

    .wpcf7 img{
    display inline;
    margin: 3px 10px 0 0;
    }

    and now it’s

    .wpcf7 img{
    display: inline;
    margin: 3px 10px 0 0;
    }

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘CAPTCHA formatting’ is closed to new replies.