안녕하세요
- 게시판 가장 왼쪽 "공지사항" 글자를 볼드체 빨간색으로 변경하고 싶은데
케이보드 대시보드 > 커스텀 CSS 에 어떻게 입력할지 모르겠습니다.
- 카테고리 선택시 현재 선택된 카테고리를 보여주는 BAR도 색상을 바꿀수 있는지요?
도움 부탁드립니다.
이미지 링크: https://imgur.com/a/pNDX895
참고로 현재 적용중인 케이보드 CSS는 아래와 같습니다. 이 커뮤니티를 보구 이것저것 시도해서 만든상태입니다. ^^
#kboard-default-list .kboard-list-header { display: none; }
#kboard-default-list .kboard-list-vote { display: none; }
#kboard-default-document .kboard-button-unlike { display: none; }
#kboard-default-list .kboard-list table td.kboard-list-user { width: 130px !important; }
#kboard-thumbnail-document .kboard-button-unlike { display: none; }
#kboard-thumbnail-list .kboard-list table td.kboard-list-user { width: 130px !important; }
#kboard-contact-form-document .kboard-button-like { display: none; }
#kboard-contact-form-document .kboard-button-unlike { display: none; }
#kboard-default-list .kboard-list tbody tr.kboard-list-notice { background-color: #f0f8ff; }
#kboard-thumbnail-list .kboard-list tbody tr.kboard-list-notice { background-color: #f0f8ff; }
.kboard-content .content-view { font-size: 14px; line-height: 26px; }
/* 버튼 색상 변경 */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small { color: white !important; background: #f16c20 !important; border-radius: 3px; }
/* 리스트 하단의 페이징 버튼 색상 변경*/
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a { color: white !important; background: #f16c20 !important; }
/* 글쓰기 버튼 위치와 색상 변경 */
#kboard-default-list .kboard-control { text-align: center; }
#kboard-default-list .kboard-control a { background-color: black !important; font-size: 15px; padding: 0.5em 1em; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.14); }
대단히 감사합니다. 보내주신 코드로 게시판을 좀더 예쁘게 수정할수 있었습니다. 다시한번 감사드립니다.
안녕하세요~^^
올려주신 코드를 보니 KBoard 디폴트 스킨을 사용 중이신 듯합니다.
1. 공지사항 문구를 빨간색으로 적용하고 굵게 하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-default-list .kboard-list table tr.kboard-list-notice td.kboard-list-uid { color: red; font-weight: bold; }
2. 카테고리 선택 시 선택된 카테고리에 표시되는 밑줄 색상을 변경하시려면
아래의 CSS 코드를 활용해보세요.
#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a { border-bottom: 2px solid blue; }
위의 코드에서 색상은 적절히 변경해보세요.
고맙습니다.