안녕하세요
항상 많은 도움 주셔서 감사합니다.
다름이 아니라 홈페이지 메인페이지->최신 게시판 글->컨텐츠 색생을 변경하고 싶은데요
현재는 기본색이 회색이고 마우스오버하면 파란색으로 바뀌게 되어 있는데요,
2가지 여쭐 부분이 있습니다.
1. 기본색을 파란색/마우스오버하면 회색으로 변경하는 방법
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
고맙습니다.
항상 빠른 답변 감사 드립니다!
추가로 한가지 더 여쭐께요
2번 문의 내용 중에서 만약 최신글 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; }
위의 코드에서 색상을 적절히 변경해보세요.
아래의 링크도 참고해보시겠어요?
고맙습니다.