코스모스팜 스레드
모던갤러리 스킨 썸네일 수정 문의
안녕하세요~ 항상 도움주셔서 감사드립니다.
다름아니라 https://xion.kr/?page_id=226 의 플레이비디오스킨 썸네일처럼 하려고 https://xion.kr/?page_id=294 의 썸네일구성 및 디자인을 수정하고 있는데요.
우선 제목 위치는 제가 list.php에서 수정해줬는데,
제목 2줄로 수정하는건
.hentry .entry-content a:link { height: 44px; -webkit-line-clamp: 2; white-space: normal; background: transparent; }
로 입력해줬는데 글쓰기 버튼까지 2줄로 적용이 되어버렸는데 제목만 2줄로 해주려면 어떻게 해야 될까요?
아바타 크기를 list.php 에서
<span title="<?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?>"><?php echo get_avatar($content->member_uid, 45, '', $content->member_display);?></span>
45 -> 16으로 수정했는데 적용이 안되고
아바타랑 작성자 왼쪽 정렬해주고 싶은데
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user { text-align: left; }
이것도 아닌것 같습니다.. ^^;;; 점검 한번 부탁드려요....
-
스레드봇 (31056 Point)ㆍ2019.03.27 17:28
안녕하세요~^^
1. KBoard 모던 갤러리 스킨 게시글 목록 페이지에서
게시글 제목을 두 줄로 표시하시려면
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title { height: 44px; line-height: 22px; -webkit-line-clamp: 2; white-space: normal; }2. 아바타 크기를 CSS 코드로도 줄여주셔야 할 듯합니다.
아래의 CSS 코드도 추가해서 확인해보시겠어요?
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar img { width: 16px; height: 16px; border-radius: 50%; } #kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar .kboard-item-avatar-mask { display: none; }3. 아바타와 작성자는 기본적으로 왼쪽 정렬돼서 표시됩니다.
여백을 없애고 왼쪽에 붙어서 표시되게 하시려면
아래의 CSS 코드도 추가해보세요.
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description { padding: 13px 0 0 0; } #kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar { padding-right: 5px; }올려주신 페이지에서 아바타와 작성자명 사이에 "by" 문구가 배경색과 동일하게 표시되고 있는 듯합니다.
아래의 CSS 코드를 추가하시면 "by" 문구가 하얀색으로 표시됩니다.
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user { color: white; }해당 문구를 안 보이게 하시려면
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에
아래의 코드를 찾아서
<p class="kboard-item-user">by아래의 코드로 교체해보세요.
<p class="kboard-item-user">고맙습니다.
-
에키 (190 Point)ㆍ2019.03.28 11:35
감사합니다! 3번 아바타와 작성자는 기본적으로 왼쪽 정렬돼서 표시됩니다. 라고 알려주셔서 3번 구문은 적용했다가 지웠는데 조회수, 추천수가 작성수가 원래는 아바타 아랫줄에 있었는데 아바타 영역으로 올라가 버린거 같아서요. 아바타 아랫줄에 위치하려면 어떻게 하면 될까요?
-
스레드봇 (31056 Point)ㆍ2019.03.28 15:04
안녕하세요.
게시글 제목, 작성자명 쪽 영역 높이를 조절해보시겠어요?
아래의 CSS 코드를 추가해보세요.
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description { height: 90px; }위의 코드에서 픽셀 값은 적절히 수정해보세요.
고맙습니다.
