Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 7, 2017 at 4:47 pm #861393
    DarrenVIP

    the captcha box is off the page?
    See screenshot in dropbox below

    October 7, 2017 at 6:25 pm #861405
    Mike

    Hey Darren,
    When checking your contact page, I only see the recaptcha size issue in tablet mode (768px) so try this code in the General Styling > Quick CSS field to target just that size:

    @media screen and (max-height: 769px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} }

    Please clear your cache and review.
    2017-10-07_122239
    2017-10-07_122151
    Best regards,
    Mike

    October 8, 2017 at 12:57 pm #861546
    DarrenVIP

    Mike,
    Didn’t work?
    Added Css. and cleared cache its still overhanging

    October 8, 2017 at 1:01 pm #861548
    DarrenVIP

    are you sure this part of the css is rigght: #rc-imageselect
    Its comes up in red

    October 8, 2017 at 2:00 pm #861553
    Mike

    Hi,
    I re-wrote it so it will not change mobile view:
    2017-10-08_074700
    Scale by 40 for Tablet:
    2017-10-08_074856
    and scale by 55 for everything above:
    2017-10-08_075038

    @media only screen and (min-width: 844px) { div.g-recaptcha {transform:scale(0.55)!important; -webkit-transform:scale(0.55)!important; transform-origin:0 0;-webkit-transform-origin:0 0;}}

@media only screen and (min-width: 768px) and (max-width: 843px) { div.g-recaptcha {transform:scale(0.40)!important; -webkit-transform:scale(0.40)!important; transform-origin:0 0;-webkit-transform-origin:0 0;}}

    One of the issues with this plugin is that it is pulled in as a iframe so it may be hard for your css to control it depending when the iframe is loaded. Perhaps a better solution would be to allow your contact form to have 1/2 of the page instead of 1/4, you could put the “Thank you” paragraph below the contact form.

    Best regards,
    Mike

    October 9, 2017 at 2:20 pm #861908
    DarrenVIP

    Thanks Mike I made a couple of changes to the sizing and its all good now.
    Thanks for your assistance
    Darren

    October 10, 2017 at 4:40 am #862227
    Nikko

    Hi Darren,

    Glad that Mike helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Captcha is off the page?’ is closed to new replies.