안녕하세요.
코스모스팜 회원가입 플러그인을 통해 워드프레스 쇼핑몰을 제작중에 있습니다.
크롬과 사파리에서 입력폼의 placeholder 위치가 다르게 나옵니다.
좌측의 크롬에서는 정상적으로 나오는데 우측의 사파리에서는 에러가 난 것처럼 placeholder가 위쪽으로 쏠려있습니다.
어떻게 수정해야 할까요,,,ㅠ
방법을 알려주시면 감사하겠습니다.ㅠ
안녕하세요~^^
사용 중이신 테마나 다른 플러그인 쪽에서
과도하게 CSS 코드를 사용하고 있는 문제일 가능성이 높습니다.
현재 저희 쪽에선 사파리 브라우저는 모바일에서 확인만 가능합니다.
저희 고객지원 쪽 이메일로 워드프레스 관리자 계정을 보내주시면 점검해드리겠습니다.
고맙습니다.
메일 드렸습니다.
확인 부탁드립니다.
감사합니다.
저희 고객지원 쪽 이메일로 보내주신 정보로 확인해보니
테마 쪽에서 설정한 입력 필드의 padding 속성과 line-height 속성이 문제가 되는 듯합니다.
우커머스 쪽 입력 필드는
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해두었습니다.
.woocommerce form .form-row input, .woocommerce form .form-row input.input-text { padding: 0 20px; line-height: 1; }
다른 쪽에서도 같은 문제가 발생한다면
해당 필드 쪽에도 위와 같은 속성을 적용해보시겠어요?
해당 테마 제작자에게도 문의해보시는 게 좋을 듯합니다.
고맙습니다.