안녕하세요.
코스모스팜 로그인창을 사이드바로 사용하려고 하는데
로그인폼을 숏코드로 넣었는데, 여백이 너무 많아서요.
기존의 커스터마이징 관련 좋은 답이 있으면 알려주시거나
여백을 줄이는 방법 알려주시기 바랍니다.
안녕하세요.
비밀번호 입력 시 아무것도 표시되지 않는 건 보통 폰트 문제입니다.
폰트가 별표(*) 특수문자를 지원하지 못하는 것으로 보입니다.
비슷한 질문이 있었는데요.
아래 링크를 참고해보시겠어요?
http://www.cosmosfarm.com/threads/document/16729
고맙습니다.
추가로
위의 보시면 비밀번호(password) 입력창에서
문자 입력시에 문자가 안보이는데, 이메일 및 다른 섹션과 동일하게 글자가 보이게 할수는 없나요?
혹은 ******로 출력되게 가능한가요?
그리고 회원정보 페이지의 아바타 부분은
/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>';
고맙습니다.
안녕하세요~^^
로그인하고 나서 아바타 나오는 부분이 어딘지 정확하게 알려주시겠어요?
댓글에 표시되는 아바타의 경우
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으로 바꿔주시면 됩니다.
고맙습니다.
감사합니다.
잘 되네요.
로그인 하고 나서 아바타 나오는 부분에 대해서 수정을 해보려고 하는데,
어느 파일을 건드려야 될지 알려주시기 바랍니다.
감사합니다.
안녕하세요.
아래 CSS 코드를 추가 해서 테스트 해보시겠어요?
.textwidget .cosmosfarm-members-form { width: auto !important; }
워드프레스 관리지 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해보세요.
고맙습니다.
www.bittalk.kr
입니다.
감사합니다.
안녕하세요~^^
로그인창의 너비(width) 사이즈가 50%로 적용되어 있어서 그렇습니다.
코스모스팜 회원관리 쪽 코드만 변경하면 모든 로그인창이 변하기 때문에,
테마쪽 코드도 봐야 도움을 드릴 수 있을 듯합니다.
확인 가능한 페이지 주소 알려주시면 도움을 드리도록 하겠습니다.
고맙습니다.