안녕하세요~^^

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

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

.woocommerce form .form-row.form-row-wide { width: 50%; }

위의 코드에서 너비 수치는 적절히 조절해보세요.

만약, 위의 코드로 해결되지 않으신다면

비회원으로도 결제 테스트해볼 수 있는 페이지 주소 알려주시겠어요?

고맙습니다.

안녕하세요...

알려주신 코드를 CSS입력필드에 넣어 봤으나, 아무런 변화가 없습니다.

확인 후, 도움 부탁 드립니다.
감사합니다.

이전 댓글에 안내해드린 코드는 현재 지워둔 상태이신지요?

아래의 CSS 코드로 교체해서도 확인해보시겠어요?

.woocommerce form .form-row.form-row-wide { width: 50% !important; }

CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후에 확인해주세요.

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

고맙습니다.

안녕하세요.

답변 감사합니다.

한가지 더 문의 드립니다.

주소,이름, 이메일 등등 필드를 각각 다른게 조절하려면 어떻게 해야 하나요?

이름은 작게( width30%), 주소는 50%, 이메일은 40%이런식으로 하려면 어떻게 해야 하는지요?

답변 부탁 드립니다. 감사합니다.

안녕하세요.

주소, 이름, 이메일 필드를 각각 다른 사이즈로 조절하시려면

기존에 추가하신 코드는 지우신 후에

아래의 코드를 활용해보시겠어요?

.woocommerce form .form-row#billing_first_name_field { width: 30%; }
.woocommerce form .form-row#billing_address_1_field { width: 50%; }
.woocommerce form .form-row#billing_address_2_field { width: 50%; }
.woocommerce form .form-row#billing_email_field { width: 40%; }

위의 코드에서 너비는 적절히 조절해보세요.

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.

안녕하세요.

답변 감사드립니다. 아래 크롬 개발자도구 팁도 감사합니다. ^^