Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 11, 2015 at 1:00 am #394102
    bmccumber

    We tried to switch to Twenty Thirteen theme and it looks fine but when Switching to Enfold the style of Captcha breaks. Please advise.

    Glitch

    Example page

    February 11, 2015 at 7:50 pm #394636
    Elliott

    Hey bmccumber!

    Try adding this to your custom CSS.

    #recaptcha_area, #recaptcha_table {
  height: 130px !important;
  overflow: hidden !important;
  width: 318px !important;
}

    Cheers!
    Elliott

    February 11, 2015 at 8:11 pm #394648
    bmccumber

    That partially worked. Just the buttons on the right side of the text field still have weird margins

    Sc

    February 12, 2015 at 7:09 pm #395255
    Elliott

    Hi!

    Try adding this as well.

    #recaptcha_reload_btn, #recaptcha_switch_audio_btn, #recaptcha_whatsthis_btn {
  display: block !important;
  height: 17px !important;
  overflow: hidden !important;
  top: -2px;
}
#recaptcha_switch_audio_btn { top: -5px !important; }
#recaptcha_whatsthis_btn { top: -7px !important; }

    And play around with the top values.

    Regards,
    Elliott

    February 12, 2015 at 7:27 pm #395272
    bmccumber

    When I align it there’s a gap in the bottom now :(

    Screen

    February 13, 2015 at 7:36 am #395531
    Rikard

    Hi!

    Changing the values in Elliott’s code should lead you to the look you are after.

    Cheers!
    Rikard

    February 13, 2015 at 5:09 pm #395865
    bmccumber

    Hi Rikard,

    I did change the values and got that white gap on the bottom of 3 buttons. Any ideas?

    Thank you.

    February 15, 2015 at 11:18 am #396326
    Ismael

    Hi!

    Add this:

    a#recaptcha_whatsthis_btn {
overflow: visible !important;
}

a#recaptcha_whatsthis_btn:before {
content: '';
display: block;
width: 100px;
height: 5px;
background: #810200 !important;
bottom: -7px;
position: absolute;
z-index: 1000;
}

    Best regards,
    Ismael

    February 17, 2015 at 5:27 pm #397634
    bmccumber
    This reply has been marked as private.
    February 17, 2015 at 6:34 pm #397695
    bmccumber
    This reply has been marked as private.
    February 18, 2015 at 11:09 am #398012
    Ismael

    Hi!

    Try to adjust the bottom position of the background patch from -7 to 0 or until it covers the white space.

    Best regards,
    Ismael

    February 18, 2015 at 8:40 pm #398443
    bmccumber

    Had to change z-index. Here’s the final code that worked for me:

    a#recaptcha_whatsthis_btn:before {
content: '';
display: block;
width: 100px;
height: 6px;
background: #810200 !important;
bottom: -2px;
position: absolute;
z-index: 99999;
}
    February 19, 2015 at 8:36 am #398699
    Rikard

    Hi!

    Thanks for the code and great that you solved your issue.

    Cheers!
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.