사이드바 로그인창 커스터마이징

안녕하세요.

코스모스팜 로그인창을 사이드바로 사용하려고 하는데

로그인폼을 숏코드로 넣었는데, 여백이 너무 많아서요.

기존의 커스터마이징 관련 좋은 답이 있으면 알려주시거나

여백을 줄이는 방법 알려주시기 바랍니다.

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

    로그인창의 너비(width) 사이즈가 50%로 적용되어 있어서 그렇습니다.

    코스모스팜 회원관리 쪽 코드만 변경하면 모든 로그인창이 변하기 때문에,

    테마쪽 코드도 봐야 도움을 드릴 수 있을 듯합니다.

    확인 가능한 페이지 주소 알려주시면 도움을 드리도록 하겠습니다.

    고맙습니다.

  • www.bittalk.kr

    입니다.

    감사합니다.

  • 안녕하세요.

    아래 CSS 코드를 추가 해서 테스트 해보시겠어요?

    .textwidget .cosmosfarm-members-form { width: auto !important; }

    워드프레스 관리지 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해보세요.

    고맙습니다.

  • 감사합니다. 

    잘 되네요.

    로그인 하고 나서 아바타 나오는 부분에 대해서 수정을 해보려고 하는데,

    어느 파일을 건드려야 될지 알려주시기 바랍니다.

    감사합니다.

  • 안녕하세요~^^

    로그인하고 나서 아바타 나오는 부분이 어딘지 정확하게 알려주시겠어요?

    댓글에 표시되는 아바타의 경우

    FTP로 접속해서 /wp-content/plugins/kboard-comments/skin/default/style.css 파일에서

    아래의 코드를 수정하시면 됩니다.

    .kboard-comments-default .comments-list .comments-list-username img.avatar { display: inline; margin: 0 3px 0 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }

     

    KBoard 게시판 목록과 상세 페이지(document.php)의 아바타는 KBoard 아바타 스킨을 기준으로 설명드리겠습니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/avatar/style.css 파일에서

    아래의 코드를 수정하시면 됩니다.

    #kboard-avatar-list .kboard-list tbody td.kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }

     

    KBoard 게시판 상세 페이지(document.php)는

    FTP로 접속해서 /wp-content/plugins/kboard/skin/avatar/style.css 파일에서

    아래의 코드를 수정하시면 됩니다.

    #kboard-avatar-document .kboard-detail .detail-attr .detail-value img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }


    예를 들어 아바타의 모양을 네모로 표시하시려면

    border-radius: 50%를 board-radius: 0으로 바꿔주시면 됩니다.

    고맙습니다.

  • 그리고 회원정보 페이지의 아바타 부분은

    /wp-content/plugins/cosmosfarm-members/class/Cosmosfarm_Members_Page_Builder.class.php 이 파일을 수정하시면 됩니다.

    아래의 코드를 적절히 수정해주세요.

    $args['wrapper_before'] = '<div class="cosmosfarm-members-form">';
    
    $args['wrapper_before'] .= '<div class="profile-header"><form id="cosmosfarm_members_avatar_form" method="post" enctype="multipart/form-data">';
    $args['wrapper_before'] .= wp_nonce_field('cosmosfarm_members_avatar', 'cosmosfarm_members_avatar_nonce');
    $args['wrapper_before'] .= '';
    
    $args['wrapper_before'] .= '<div class="avatar-img"><label for="cosmosfarm_members_avatar_file" title="'.__('Change Avatar', 'cosmosfarm-members').'">'.get_avatar(get_current_user_id(), '150').'<p class="change-avatar-message">'.__('Change Avatar', 'cosmosfarm-members').'</p><input type="file" name="cosmosfarm_members_avatar_file" id="cosmosfarm_members_avatar_file" multiple="false" accept="image/*" onchange="cosmosfarm_members_avatar_form_submit(this)"></label></div>';
    $args['wrapper_before'] .= '<div class="display-name">'.$current_user->display_name.'</div>';
    
    $args['wrapper_before'] .= '</form></div>';
    
    $args['wrapper_before'] .= '<ul class="members-link">';
    $args['wrapper_after'] = '</ul></div>';

    고맙습니다.

  • 추가로 

    위의 보시면 비밀번호(password) 입력창에서

    문자 입력시에 문자가 안보이는데, 이메일 및 다른 섹션과 동일하게 글자가 보이게 할수는 없나요?

    혹은 ******로 출력되게 가능한가요?

  • 안녕하세요.

    비밀번호 입력 시 아무것도 표시되지 않는 건 보통 폰트 문제입니다.

    폰트가 별표(*) 특수문자를 지원하지 못하는 것으로 보입니다.

    비슷한 질문이 있었는데요.

    아래 링크를 참고해보시겠어요?

    http://www.cosmosfarm.com/threads/document/16729

    고맙습니다.

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