그누보드5 사용자 데모에서 맨아래부분에 공지사항 밑에
게시글 제목 밑의 줄 색깔 변경하는 방법이 궁금합니다.
완전초보라서 자세히 살펴보고 이것저것 변경해봐도 모르겠습니다.
테마의 css 폴더에서 default.css 여기서 계속 허우적데고 있네요. ㅠㅠ
더운 날씨에 건강 잘 챙기세요.
답변 2개 / 댓글 3개
채택된 답변
+20 포인트
Policia해당부분은 최신글(latest)부분으로
skin에서 찾아보셔야합니다
(테마 사용중이라면>> theme/사용중인테마/+ )skin/latest/notice/style.css
여기서 .notice li 를 수정하시면됩니다
답변에 대한 댓글 2개
2020-08-20 (목) 00:29:42
.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #383838}
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:11px 0;display:inline-block}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice li.empty_li {border-bottom:0;line-height:120px}
수정하니까 잘 됩니다. 감사합니다. 위의 소스는 수정 전입니다.
덕분에 색변경 잘 했습니다. 다시 한번 감사드립니다.
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:11px 0;display:inline-block}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice li.empty_li {border-bottom:0;line-height:120px}
수정하니까 잘 됩니다. 감사합니다. 위의 소스는 수정 전입니다.
덕분에 색변경 잘 했습니다. 다시 한번 감사드립니다.
2020-08-19 (수) 16:34:06
크롬을 사용하신다면, 해당 페이지에서 ctrl+alt+c로 원하시는 요소를 클릭 하시면 개발자모드의 탭에서 어느 css가 적용을 받는지 확인하실수 있습니다.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.