테스트 사이트 - 개발 중인 베타 버전입니다

리캡챠는 사이즈 조절 불가능? 채택완료

시린♡ 2년 전 조회 2,509

 

로그인칸에 구글 리캡챠 넣은게 너무 작아서 로그인칸에 맞게 사이즈좀 조절하고

싶은데 이건 조절 못하나요? 플러그인/리캡챠 폴더 파일 둘러봐도 딱히 사이즈

조절할만한것도않보이고...

 

 

다음 포털 로그인할때 나오는 캡챠인데 사이즈가 큼직하게 나와서 좋더라구요

이거 크기 조절가능할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
세크티
2년 전

스크립트 추가해보세요. scale에 숫자로 크기조정하시면 됩니다.

</p>

<p><script></p>

<p>$(document).ready(function(){

       $(".g-recaptcha").css({

        'transform':'scale(1.5)',

        'transform-origin':'0 0',

      

    })

    setTimeout(function() {

         $(".g-recaptcha").css({

              'width':$('.g-recaptcha')[0].getBoundingClientRect().width+'px',

              'height':$('.g-recaptcha')[0].getBoundingClientRect().height+'px'

         })

    }, 100);

 

})</p>

<p></script></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

f12 누르셔서 해당 엘리먼트 찍어보고 어디에서 CSS 가 로드되는지 채크하시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

 

 

일반 캡차, 구글 리캡챠 부분 

css 폴더 파일 열어서 보시면 있을듯합니다.

제가 캡쳐한건 버전이 이전 버전이라  최근거랑 맞는지 모르겠네용

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

반응형 구조로도 할 수 있습니다.

예제

https://geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

시린♡
2년 전
<?php echo captcha_html(); ?> 이것만 달랑 넣어서 불러오는 방식은 어떻게 적용해야할까요....
<div class="g-recaptcha" data-theme="light" data-sitekey="XXXXXXXXXXXXX" style="transform:s
이런식으로 불러오는게 아니다보니 적용방법이 막막하네요...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인