안녕하세요. 코스모스팜 담당자님!
회원가입 필드 길이 수정 문의 드립니다.
이미지처럼 이용약관과 개인정보처리가 보여지는 필드 길이가 너무 짧아서 보기 불편한데
어떻게 수정하는지요?
관련 내용을 찾아보면
1. wpmem_register_form_args 코드를 테마 편집기 페이지에서 functions.php
삽입하고 수정하라고 되어 있는데 어떤 걸 수정해야하는지 알수가 없습니다. ㅜㅜ
어떻게 수정하는지요?
안녕하세요~^^
코스모스팜 회원관리 플러그인 회원가입 레이아웃의 너비를 늘리고 싶다는 말씀이신지요?
회원가입 레이아웃은 테마에서 설정한 최대 너비의 50%로 설정하고 있습니다.
더 늘려서 표시되게 하고 싶으시다면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
.cosmosfarm-members-form.signup-form { width: 80%; }
위의 코드에서 숫자는 적절히 조절해보세요.
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
안녕하세요.
확인 가능한 페이지 주소 알려주시면
CSS 코드로 수정이 가능할지 살펴보겠습니다.
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
아래의 CSS 코드도 추가해보시겠어요?
.cosmosfarm-members-form .add-buttons .add-buttons-wrap { right: 42%; }
위의 코드에서 숫자는 적절히 조절해보세요.
고맙습니다.
감사합니다. 알려주신대로 코드를 삽입 후 길이 조정할 수 있는 건 알게 되었습니다.
그런데 그 코드는 모든 필드의 길이를 줄이고 늘이는 것이더라구요.
회원약관 및 개인정보취급방침 필드만 늘리고
나머지 필드(아이디, 비번, 이메일, 주소 등)는 유지하는 방법은 없는지요?
이용약관 및 개인정보취급방침 필드의 너비만 늘리시려면
이전 댓글에 안내해드린 코드를 적용해둔 상태에서
입력 필드의 너비를 줄이는 게 좋을 듯합니다.
회원가입 페이지에서 입력 필드의 너비를 조절하시려면
아래의 CSS 코드도 추가해보세요.
.cosmosfarm-members-form select,
.cosmosfarm-members-form input[type=text],
.cosmosfarm-members-form input[type=email],
.cosmosfarm-members-form input[type=date],
.cosmosfarm-members-form input[type=url],
.cosmosfarm-members-form input[type=number],
.cosmosfarm-members-form input[type=password] { width: 50%; }
위의 코드에서 숫자는 적절히 조절해보세요.
고맙습니다.
감사합니다. 알려주신대로 수정을 했더니 필드 길이를 조정할 수 있었습니다.
그런데 중복확인 버튼의 위치는 전체 폼 필드의 길이에 따라 위치는
.cosmosfarm-members-form.signup-form { width: 80%; } 코드의 길이에 따라 움직이는 것 같습니다.
해서 다음과 같이 중복확인 버튼만 뚝 떨어져 있습니다. [페이지 전체에 회원가입을 보여지게 할 경우 중복확인 버튼과 비번 혹은 메일 입력 필드에서
너무 떨어져 버려서 사용자가 불편할 듯 합니다.
중복확인 버튼의 위치도 조정할 수 있는지요?
감사합니다. 잘 해결됐습니다.
평온한 오후시간 되시길 바랍니다. ^^