이전 목록 다음
채택완료

리캡챠는 사이즈 조절 불가능?

시린♡
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-10-10 (화) 15:03:19 2,878

2039408242_1696917574.1267.jpg

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

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

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

2039408242_1696917749.4818.jpg

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

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

그누보드5
|

답변 4개 / 댓글 1개

채택된 답변
+20 포인트
위버
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-10-10 (화) 15:43:26

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

Copy 
<script>

$(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);
 
})

</script>
애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-10-10 (화) 16:28:49

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

포포인트적립
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-10-10 (화) 15:48:29

3542281319_1696920487.9529.png

3542281319_1696920288.1356.png

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

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

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

애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-10-10 (화) 15:25:59

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

예제

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

답변에 대한 댓글 1개

시린♡
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-10-10 (화) 15:39:14
<?php echo captcha_html(); ?> 이것만 달랑 넣어서 불러오는 방식은 어떻게 적용해야할까요....
<div class="g-recaptcha" data-theme="light" data-sitekey="XXXXXXXXXXXXX" style="transform:s
이런식으로 불러오는게 아니다보니 적용방법이 막막하네요...

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