회원가입 필드 길이 수정은 어떻게 하면 돼나요?

안녕하세요. 코스모스팜 담당자님!

회원가입 필드 길이 수정 문의 드립니다. 

https://imgur.com/a/b5H0113

이미지처럼 이용약관과 개인정보처리가 보여지는 필드 길이가 너무 짧아서 보기 불편한데

어떻게 수정하는지요? 

관련 내용을 찾아보면 

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%; } 코드의 길이에 따라 움직이는 것 같습니다. 

    해서 다음과 같이 중복확인 버튼만 뚝 떨어져 있습니다. [페이지 전체에 회원가입을 보여지게 할 경우 중복확인 버튼과 비번 혹은 메일 입력 필드에서

    너무 떨어져 버려서 사용자가 불편할 듯 합니다.  

    https://imgur.com/a/3sHoXIW

    중복확인 버튼의 위치도 조정할 수 있는지요?

  • 안녕하세요. 담당자님!~

    회원가입 해당 페이지 주소는 다음과 같습니다.

    https://pusyap.com/register/

  • 감사합니다. 잘 해결됐습니다. 

    평온한 오후시간 되시길 바랍니다. ^^

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기