Hello,
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.
