Removing border from Captcha

  • Resolved awmperry

    (@awmperry)


    12 years ago

    I’ve just added a Captcha to a contact form on my employers’ website (http://makeupinstitute.com/kontakt/?lang=en), but the prompt keeps showing a 10px grey border. I’ve tried adding

    .wpcf7-form-control wpcf7-captchac wpcf7-captcha-captcha-1 {
border: 0px;
}

    …to custom.css, but it doesn’t seem to make any difference in Chrome (haven’t tested FF or IE yet).

    On inspecting the element, it seems to draw the following from style.css:

    media="screen"
.entry img, img.thumbnail {
border: 10px solid #e0e0e0;
background: #fff;
}

    I’m not sure if .entry img is equivalent to img.entry, given that they don’t seem to be separated, but I can’t quite seem to find any way to override it.

    What I want to do is simply to have the img vertically centred in line with the rest of the <p>, and with no border.

    Any advice?

    https://wordpress.org/plugins/contact-form-7/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter awmperry

    (@awmperry)

    12 years ago

    By the way, apart from the ones I put there (to no avail), I can’t find “wpcf7” anywhere in any of the site’s stylesheets.

    Digitalfaze

    (@digitalfaze)

    12 years ago

    .entry img, img.thumbnail {
    border: 10px solid #e0e0e0;

    remove that in your style.css

    Digitalfaze

    (@digitalfaze)

    12 years ago

    or set the “border: none;”

    Thread Starter awmperry

    (@awmperry)

    12 years ago

    Cheers – added .entry img, img.thumbnail { border: none; } to custom.css based on your suggestion, which did the trick. Now I just need to figure out for future reference why the theme has that giant border in the first place…

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Removing border from Captcha’ is closed to new replies.

Tags