billing address- 이름,주소, 이메일 등 입력란 길이 조절

안녕하세요.

우커머스- 장바구니- 체크아웃으로 갔을때, billing address(청구주소) 페이지가 나옵니다.
청구주소에서 이름,성,회사이름, 나라, 주소, 시, 전화번호, 이메일 등을 입력하는 입력란이 나옵니다.
이 입력란이 이름과 성만을 제외하고 너무 길게 나옵니다.
입력란 크기(길이)를 조절 할 수 있는 방법이 있는지요?

확인 부탁 드리겠습니다.

감사합니다.

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

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

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

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

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

     

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

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

    고맙습니다.

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

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

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

     

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

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

    고맙습니다.

  • 안녕하세요.

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

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

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

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

    고맙습니다.

  • 안녕하세요...

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

     

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

  • 안녕하세요.

    답변 감사합니다.

    한가지 더 문의 드립니다.

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

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

     

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

  • 안녕하세요.

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

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