회원관리 플러그인 적용 후 회원가입 및 로그인 테마깨짐 문제

회원관리 플러그인을 사용 중입니다.

회원가입 페이지와 로그인 페이지에서
폼란에 텍스트를 입력하기 위해 폼을 마우스로 클릭하거나
폼 근처의 영역을 마우스로 클릭하면
화면의 90% 가량이 링크컬러 색깔의 직사각형이 팝업처럼 뜹니다.

이 때 다시 직사각형을 클릭하면 사라지는데요.
폼 입력이나 버튼 클릭이 아예 안되고
계속 해서 위의 문제가 반복됩니다.

<마우스 클릭 전>
https://imgur.com/a/3X5tdKo

<마우스 클릭 후>
https://imgur.com/a/knF7lfU

아마도 테마 때문인 것 같은데
다양하게 시도해볼 수 있는 CSS 코드들을 알려주시면 감사하겠습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    다른 테마에서도 같은 문제가 발생하는지 확인해보시겠어요?

    해당 문제는 저희가 직접 페이지를 봐야 도움을 드릴 수 있을 듯합니다.

    실제 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

  • 회원관리 플러그인을 재설치한 후
    이용약관 등의 체크박스가 비활성화되어서 체크박스를 선택할 수가 없습니다.

    기존 추가된 CSS는 아래와 같습니다.
    ---
    .cosmosfarm-members-form input[type=checkbox]:before { display: none; }

    .cosmosfarm-members-form input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }

    .cosmosfarm-members-form .link-text a:after { display: none; }
    ---

  • 빠르고 정확하고 친절한 피드백에 감사드립니다.  : )

  • 비밀번호 찾기와 회원가입 링크에 마우스를 올렸을 때 밑줄 표시되는 문제는

    테마 쪽에서 설정하고 있는 듯합니다.

     

    해당 밑줄 표시를 안 보이게 하시려면

    CSS 입력 필드에 아래의 코드도 추가해보시겠어요?

    .cosmosfarm-members-form .link-text a:after { display: none; }

    고맙습니다.

  • 로그인 페이지의 하단에
    '비밀번호 찾기'와 '회원가입'이라는 링크 텍스트가 있습니다.

    이 2개의 텍스트에 각각 마우스를 올려놓으면
    링크에 표시되는 Underline이 이상하게 표시가 됩니다.

    피드백 부탁드리겠습니다-  ^^

  • 1번 문제는 CSS 입력 필드에

    아래의 코드도 추가해보시겠어요?

    .cosmosfarm-members-form input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }

     

    2번 문제는 링크 텍스트 로그인, 회원가입은 어느 부분인지

    좀 더 상세하게 설명 부탁드립니다.

    고맙습니다.

  • 답변 감사드립니다.

    해당 CSS를 적용해보았는데요.

    마우스 클릭 시 빨간색 박스가 떴던 문제는 사라졌지만
    1. "자동로그인"란과 이용약관란 그리고 개인정보처리방침란의 '체크박스' 버튼이 표시가 안되고
    2. 링크 텍스트인 "로그인"과 "회원가입"에 마우스를 올려놓으면 underline이 미표시되거나 over돼서 표시가 됩니다.

    피드백 부탁드립니다. ^^

  • 올려주신 페이지 주소로 확인해보니

    사용 중이신 테마 쪽에서 과도하게 CSS 속성을 적용하고 있는 문제인 듯합니다.

     

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    .cosmosfarm-members-form input[type=checkbox]:before { display: none; }

    고맙습니다.

  • 사이트주소는 (삭제) 이며,
    접속 비밀번호는 (삭제) 입니다.

    피드백 부탁드립니다. ^^

  • 테마에서 체크박스 레이아웃을 변경하고 있는데요.

    아래 CSS 코드를 추가하시면 체크박스가 정상적으로 표시될 듯합니다.

    .cosmosfarm-members-subscription form input[type=checkbox] { display: inline-block !important; }

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 코드를 추가해서 테스트해보시겠어요?

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기