Sweet Captcha
Sweetcaptcha box wrong height due to "clear" CSS value. (2 posts)

  1. Jargonsp
    Posted 2 years ago #


    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.


  2. Sweet Captcha
    Plugin Contributor

    Posted 2 years ago #

    Hi Jargonsp,

    Thanks a lot for the feedback, Can you please provide drop us a mail at support@sweetcaptcha.com with this info:

    1. WordPress version.
    2. sweetCaptcha WordPress plugin version.
    3. Your site URL.(sweetCaptcha activated if possible)


Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic