Support » Plugin: Sweet Captcha » Captcha Width

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Sweet Captcha


    Hi Steven

    Sweet Captcha is optimal at 380px

    You can change it’s width by adding custom CSS to your website, overriding the widget’s default, i.e

    div.sweetcaptcha {
    min-width: 280px;
    width: 280px;

    however please not Sweet Captcha might not function properly at this width, and you might need to do other CSS alterations in order to adjust it.

    More about customizing CSS could be found here
    How to Add Custom CSS

    Moderator Jan Dembowski


    Brute Squad and Volunteer Moderator

    More about customizing CSS could be found here

    Wrong link. That’s for WordPress.COM blogs not self-hosted WordPress.ORG installation.

    Try one of these plugins if you just want to make minor CSS changes like that.

    Plugin Contributor Sweet Captcha


    Thanks for the correction.
    This plugin may also be useful


    I testing SwetCaptcha on my localhost and everything works fine except a small issue.

    On your own website the sweetcaptcha box has a certain height of 121px and the target graphic is aligned with the options pictures.

    In my situation the box is of a higher height and the target graphic (where you need to drag your selection) is misaligned and placed on a row above the options pictures. The box is the total box is higher.

    The problem is caused by this element (.wpcf7 p) that needs its “clear” value to be “0” instead of “both”.

    *, *:before, *:after {
    box-sizing: border-box;
    *, *:before, *:after {
    box-sizing: border-box;
    div.sweetcaptcha p {
    direction: ltr;
    text-align: left;
    div.sweetcaptcha p {
    color: #000;
    padding-bottom: 10px;
    div.sweetcaptcha, div.sweetcaptcha * {
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 0;
    .wpcf7 p {
    clear: both;
    height: auto;
    margin-bottom: 0;
    overflow: hidden;

    How can I target the .wpcf7 p through CSS? It seems that I am not using the appropriate selectors since I can make it work through firebug.

    Any input would be appreciated.

    Oops wrong thread! I am sorry, I will open a new one.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Captcha Width’ is closed to new replies.