코스모스팜 스레드

로그인 화면 입력필드 CSS

안녕하세요.

로그인 화면 입력필드 부분이 어긋나는데  CSS 수정 방법 부탁드립니다.

이리 저리 수정해봐도 적용이 안되어 문의드려요.

다른 테마는 괜찮았는데, Enfold 테마랑 CSS 부딪힘이 많네요. ㅠ_ㅠ 

http://idia0.cafe24.com/login/

 

감사합니다 !

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 안녕하세요~^^

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

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

    .cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input { margin: 0 !important; padding: 0 10px !important; width: 280px !important; height: 36px !important; line-height: 36px !important; font-size: 15px !important; border: 1px solid #cdcdcd !important; }

    고맙습니다.

  • 안녕하세요~^^

    테마에서 레이아웃을 제멋대로 바꾸고 있습니다.

    혹시 테마 설정 쪽에 레이아웃 관련해서는 설정이 없는지요?

    우선 아래 스타일스트(CSS) 코드를 추가해서 확인해보시겠어요?

    .cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input { float: left; margin: 0 !important; padding: 0 10px !important; width: 280px !important; height: 36px; line-height: 36px !important; font-size: 15px !important; border: 1px solid #cdcdcd !important; box-sizing: content-box; }
    
    @media screen and (max-width: 600px) {
    	.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input {margin: 0 0 8px 0 !important; width: 100% !important; height: 40px !important; line-height: 40px !important; box-sizing: border-box; }
    }

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 넣어주세요.

    고맙습니다.

  • 감사합니다. 덕분에 잘 해결하였습니다 ^^

코스모스팜 회원관리