회원가입 화면 & 로그인 버튼 색상 변경

안녕하세요.

초심자라 겁먹고 있다가 용기내서 처음 질문드려 봅니다.

회원가입 화면 & 로그인 버튼 색상을 둘다 다른게  변경하려고 하는제, 기존 스레드 지시대로, login-form.php 파일을 수정하고, “사용자 정의하기 -> CSS 입력 필드“에 아래 소소를 추가하면 두버튼 다 같이 같은 디자인으로 변경되네요.

각기 다른 클래스를 지정해서 수정하려면 어찌해야 하는지요?

.cosmosfarm-members-form input[type=submit].login-button { background-color: black !important; }

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

    현재 사용 중이신 코스모스팜 회원관리 플러그인의 스킨이 어떻게 되시는지요?

    스킨에 따라 코드가 다릅니다.

    default 스킨을 사용 중이시라면 아래의 코드를 추가해보시겠어요?

    .cosmosfarm-members-form.signup-form input[type=submit] { background-color: blue !important; }
    .cosmosfarm-members-form.signin-form input[type=submit] { background-color: red !important; }

    two 스킨을 사용 중이시라면 아래의 코드를 추가해보세요.

    .cosmosfarm-members-form.signup-form input[type=submit] { background-color: blue !important; }
    .cosmosfarm-members-form.signin-form .login-button { background-color: red !important; }

    위의 코드에서 원하시는 색상으로 변경하신 후에 적용해보시겠어요?

     

    저희 제품을 사용하시면서 궁금하신 점이나 문제가 있다면

    커뮤니티에 언제든지 남겨주시면 최대한 도움을 드리도록 하겠습니다.

    고맙습니다.

  • 감사합니다.

    이렇게 간단하게 해결될걸 어제는 이걸로 10시간이나 헤멨습니다.

    그런데, 오늘은 또 사소한 걸로 5시간 이상 헤메고 있느데 도와주시겠습니까?

    가입화면의 "*필수입력" 폰트 사이즈를 줄이려면 어찌해야 하나요?

    시간 되실때 알려주시면 감사하겠습니다.

  • 아, 그리고 <사용자정의 -추가 CSS> 말고  스킨폴더의 style.css에 추가해도 변경이 안되네요.

    당연히 자식테마의 style.css에 추가해도 적용안되던데... 이건원래 그런 사양인가요?

    <사용자정의 -추가 CSS>에 적용시킨건 테마 업데이트하면 다 날라가는건 아닌지요?

    초심자 질문으로 실례했슴다.

  • 안녕하세요~^^

    "*필수입력" 폰트 사이즈는 아래의 코드를 추가해보시겠어요?

    .cosmosfarm-members-form.signup-form .req-text { font-size: 12px; }

    숫자는 적절히 수정해주시면 됩니다.

     

    이전 댓글에 안내해드린 코드가 적용이 안된다는 것인지요?

    CSS 코드 수정 이후에 적용이 바로 되지 않는다면 브라우저의 캐시를 비우신 후에 다시 확인해보시겠어요?

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

    또, 자식 테마를 사용하신다면 부모 테마를 업데이트해도 자식 테마에 있는 코드는 지워지지 않습니다.

    고맙습니다.

  • 신속한 답변 감사합니다. 이번에도 제시해 주신 코드를, 관리화면의 <사용자정의 -추가 CSS>에 삽입하여 간단히 해결 하였습니다. 그런데, 이렇게 파일질라등의 소프트가 아닌 관리화면을 통해 직접 추가한 코드들은 서버상의 어디에 저장되는 건지요?이것 들을 따로 백업하는 방법이 있는건가요?

  • 안녕하세요~^^

    사용자 정의하기 쪽에 추가하신 CSS 코드는 데이터베이스에 저장됩니다.

    wp_posts 테이블에 저장되며 사용 중이신 테마에 따라 다른 테이블에 저장될 수도 있습니다.

    KBoard 플러그인의 대시보드 쪽 커스텀 CSS 코드는 wp_options 테이블에 저장하고 있습니다.

     

    추가하신 CSS 코드가 많으신지요?

    자식 테마를 사용하신다면 자식 테마의 style.css 파일에 추가해두시는 것도 하나의 방법일 듯합니다.

    메모장 등에 코드를 복사해서 저장하신 후 서버와는 별개로 백업해두는 방법도 있습니다.

    고맙습니다.

  • 친절한 답변 감사합니다. 코스모스팜의 월정액 상품을 구매하길 잘 한것 같습니다. 그럼 앞으로도 가끔 질문 드리겠습니다~

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기