안녕하세요~^^

워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

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

#kboard-play-video-document .kboard-vote a { box-sizing: border-box; }

고맙습니다.

항상 감사드립니다.

play-video 스킨의 하트 좋아요 표시를 default 스킨에도 적용하고 싶은데, 그러면

play-video 스킨의 document.php 에서

<div class="kboard-vote">
						<a href="#" onclick="return kboard_document_like(this)" data-uid="<?php echo $content->uid?>" title="<?php echo __('Like', 'kboard')?>">
							<div><img src="<?php echo $skin_path?>/images/icon-heart.png" alt="<?php echo __('Like', 'kboard')?>"></div>
							<div class="kboard-document-like-count"><?php echo intval($content->like)?></div>

이 코드만 default스킨 document.php 에서 vote 문구 찾아서 바꿔주면 될까요?

플레이 비디오 스킨 게시글 본문 페이지에 표시되는 추천 아이콘은 이미지로 되어있습니다.

그렇기 때문에 default 스킨에서 적용하시려면

FTP로 접속해서 /wp-content/plugins/kboard/skin/플레이비디오스킨/images/icon-heart.png 파일을

/wp-content/plugins/kboard/skin/Default스킨/images/ 경로에도 업로드해주셔야 합니다.

업로드 후 Default 스킨 document.php 파일에 올려주신 코드만 적용한다고 해서

플레이 비디오 스킨처럼 표시되지 않기 때문에

플레이 비디오 스킨의 CSS 코드를 참고하셔서 Default 스킨 쪽에도 적용해주셔야 할 듯합니다.

고맙습니다.

감사합니다~ https://xion.kr/?page_id=292&uid=63&mod=document&pageid=1 처럼 default스킨에도 하트 추천 적용을 시켰는데

오른쪽 정렬, 추천 숫자 흰색 표시, 하트박스가 플레이비디오스킨보다 가로가 더 긴것 3가지 해결을 못했는데 도움부탁드립니다^^;;

아래 코드도 추가해보세요.

#kboard-default-document .kboard-document-action .left { width: 100%; }
#kboard-default-document .kboard-vote a { box-sizing: border-box; }
#kboard-default-document .kboard-vote .kboard-document-like-count { padding: 5px 0; color: white; }

고맙습니다.

안녕하세요~

모던갤러리도 https://xion.kr/?page_id=294&uid=38&mod=document&pageid=1 처럼 document.php에 하트 추천 적용했는데 첨부 https://imgur.com/a/qEguxKV 처럼 나와서 위에 알려주신 코드

#kboard-modern-gallery-document .kboard-document-action .left { width: 100%; }
#kboard-modern-gallery-document .kboard-vote a { box-sizing: border-box; }
#kboard-modern-gallery-document .kboard-vote .kboard-document-like-count { padding: 5px 0; color: white; }

로 사용자정의하기CSS 입력했는데 적용이 안 되는것 같습니다. 틀린 부분 좀 봐주시겠어요?

안녕하세요.

올려주신 페이지 주소로 확인해보니 수정하신 코드는 적용이 되고 있습니다.

아래의 코드도 추가해서 확인해보시겠어요?

#kboard-modern-gallery-document .kboard-vote { float: right; margin-top: 10px; width: 72px; text-align: center; }
#kboard-modern-gallery-document .kboard-vote a { display: inline-block; *display: inline; zoom: 1; padding: 5px 0; width: 100%; border: 1px solid #e3e3e3; text-decoration: none; background: none; text-shadow: none; box-shadow: none; transition-duration: .3s; color: #191919; outline: 0; }
#kboard-modern-gallery-document .kboard-vote a:hover,
#kboard-modern-gallery-document .kboard-vote a:focus,
#kboard-modern-gallery-document .kboard-vote a:active { opacity: 0.8; }
#kboard-modern-gallery-document .kboard-vote img { display: inline; width: 30px; }

고맙습니다.