안녕하세요
항상 많은 도움 주셔서 감사합니다.
다름이 아니라 홈페이지 메인페이지->최신 게시판 글->컨텐츠 색생을 변경하고 싶은데요
현재는 기본색이 회색이고 마우스오버하면 파란색으로 바뀌게 되어 있는데요,
2가지 여쭐 부분이 있습니다.
1. 기본색을 파란색/마우스오버하면 회색으로 변경하는 방법
2. 가장 최신글만 다른 색으로 지정하는 방법 (이미지에 박스쳐놓은 부분)
바쁘시겠지만 살펴보시고 답변 부탁 드리겠습니다.
감사합니다.
안녕하세요~^^
사용 중이신 KBoard 게시판 스킨에 따라 코드가 다를 수 있습니다.
default 스킨을 기준으로 안내해드리겠습니다.
1. 최신글 제목을 파란색으로 변경하고 마우스를 올렸을 때 회색으로 적용해시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-default-latest table .kboard-latest-title a { color: blue; }
#kboard-default-latest table .kboard-latest-title a:hover { color: gray; }
2. 제일 위에 있는 최신글 제목의 색상을 변경하시려면
아래의 코드도 추가해보시겠어요?
#kboard-default-latest table tr:first-child .kboard-latest-title a { color: red; }
위의 코드에서 색상을 적절히 변경해보세요.
아래의 링크도 참고해보시겠어요?
고맙습니다.
항상 빠른 답변 감사 드립니다!
추가로 한가지 더 여쭐께요
2번 문의 내용 중에서 만약 최신글 2개까지 색상을 변경하고 싶으면
알려주신 코드에서 어떤 걸 더 추가해야 할까요??
감사합니다!
안녕하세요.
KBoard 게시판 플러그인 Default 스킨의 최신글 쪽에서
상단 첫 번째와 두 번째 색상만 교체하시려면
아래의 코드를 활용해보시겠어요?
#kboard-default-latest table tr:nth-child(1) .kboard-latest-title a { color: blue; }
#kboard-default-latest table tr:nth-child(2) .kboard-latest-title a { color: red; }
위의 코드에서 색상은 적절히 수정해보세요.
CSS nth-child 선택자에 대한 자세한 내용은
아래의 링크를 참고해보시겠어요?
https://www.w3schools.com/cssref/sel_nth-child.asp
고맙습니다.
제가 완전 초보라서 많은 도움 받습니다.
항상 감사드립니다!!!