안녕하세요~!
워드프레스 게시판 KBoard(케이보드) 사용중입니다.
문서쪽에도 카테고리를 상단에 띄우려고하는데요!
문서쪽에
<!-- 카테고리 시작-->
<!-- 카테고리 끝-->
부분을 불러오니 카테고리는 잘 출력이 되지만 css가 입혀지지 않은상태로 옵니다 왜 그런지 알 수 있을까요?
스킨은 퓨어갤러리입니다!
해당 url은
입니다.
항상 감사합니다!
안녕하세요~^^
기본적으로 계층형 카테고리는 게시글 목록(list.php 파일)에서 표시하기 때문에
게시글 본문(document.php) 또는 다른 페이지에서 표시하시려면 따로 CSS를 추가해주셔야 합니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
.kboard-tree-category-wrap { float: left; padding-bottom: 15px; width: 100%; display:inline;}
.kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
.kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
.kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; text-align:center;}
.kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
.kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
.kboard-tree-category li::before,
.kboard-tree-category li::after { display: none; }
.kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
.kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
.kboard-tree-category-search { overflow: hidden; }
.kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
고맙습니다.
감사합니다!
그런데 해당 테마의 -> style.css와
해당스킨의 document.php에서 <style></style>도 안먹혔는데 이유가 궁금합니다!!
안녕하세요~^^
스킨의 document.php 파일에서도 <style> 코드를 적용할 수 있습니다.
어떤 코드를 추가하셨는지요?
글만으로는 원인 파악이 어렵습니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드 또는
워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 입력 필드에
코드를 추가하신 후에 확인해보시겠어요?
고맙습니다.
잘못된 css를 끌고와서 계속 테스트했었네요 ^^..
잘 적용됩니다 감사합니다!