WordPress.org

Ready to get started?Download WordPress

Forums

Really Simple CAPTCHA
captcha image size (9 posts)

  1. Kent Julian
    Member
    Posted 7 months ago #

    My captcha image size is HUGE. I read the appropriate support comments above, but could not resolve the problem. Could use some help.

    Here's a sample page: http://kentjulian.com/contact/

    http://wordpress.org/plugins/really-simple-captcha/

  2. Kent Julian
    Member
    Posted 7 months ago #

    FYI...it works fine on this page: http://kentjulian.com/speaking/invite-kent-to-speak/

  3. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 7 months ago #

    Wow that's really huge.

    At times like this, Firebug is very useful for detecting what style is applied to the element.

    In this case, this style is making the CAPTCHA image huge.

    http://kentjulian.com/wp-content/themes/selfy/style.css?ver=3.7.1
    Line #1148

    .half img, .third img, .fourth img, .two-thirds img, .three-fourths img {
        width: 100%;
    }
  4. Kent Julian
    Member
    Posted 7 months ago #

    Takayuki Miyoshi - two quick questions.

    1. Why does it make the image huge on one page and not the other.

    * HUGE - http://kentjulian.com/contact/
    * Regular size - http://kentjulian.com/speaking/invite-kent-to-speak/

    2. Is there something I can do in the CAPTCHA style that will change the image size without changing the size of images on the entire site?

    Thanks in advance!

  5. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 7 months ago #

    1. Huge one has an ancestor element with 'two-thirds' class while regular one doesn't.

    2. Every CAPTCHA image has 'wpcf7-captchac' class, so you can apply style to it with

    img.wpcf7-captchac {
        width: inherit;
    }
  6. Kent Julian
    Member
    Posted 7 months ago #

    Not sure where that is found?

  7. Kent Julian
    Member
    Posted 7 months ago #

    FYI...this seemed to work. I simply put in a <div> code

    <div style="margin-right: 35em;">[captchac captcha-62 size:l]</div></p>

  8. Kent Julian
    Member
    Posted 7 months ago #

    Let me know your thoughts before I mark as resolved.

  9. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 7 months ago #

    <div style="margin-right: 35em;">[captchac captcha-62 size:l]</div></p>

    Not sure what you are trying to do, but at least this is syntactically invalid.

Reply

You must log in to post.

About this Plugin

About this Topic