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

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

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

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

.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 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.

답변 감사합니다.

한가지 더 문의 드립니다.

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

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

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

처음 안내해 주신 코드를 입력해 놓은 상태입니다.

그리고, 2번째 답변 주신내용 대로, 새로운 CSS코드를 넣어 보았으나, 아무런 변화가 없습니다.
또한 Ctrl+Shift+R도 해보고, 다시 확인 했으나 아무런 변화가 없습니다.

* 참고로 워드프레스에서 Style.css에 CSS CODE를 넣어도 아무런 변화가 없거나, 적용이 안될때 해결 할 수 있는 방법이 있는지요?

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

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

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

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

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

고맙습니다.

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

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

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

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

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

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

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

고맙습니다.