티스토리 FastBoot 최근글 마우스오버 색깔설정

카테고리 마우스 오버 설정을 했는데 이번에는 최신글 마우스오버 설정을 해보자. 약간의 포트인트 주기 위함이긴 한데 스마트폰 방문자가 컴퓨터 마우스를 사용하는 처럼 컨트롤이 가능 할지는 의문이다.  

티스토리 블로그 FastBoot 최근글 마우스오버 전 후 사진

FastBoot 최근글 마우스오버 전

FastBoot 최근글 마우스오버 적용후

FastBoot 최근글 마우스오버 설정

티스토리 설정 관리자로 들어가서 CSS를 수정을 해야 한다. CSS에서 item:hover를 검색하면 #Sidebar~~~하고 아래와 같은 소스를 찾을 수 있다.  첫단에 나와서 어려움이 없다. 만약 찾기 어렵다면 266라인 근처에서 찾아보면된다.  

수정문 

#sidebar .list-group-item:hover, #sidebar .list-group-item:focus{background-color:#7dc9b3; border-color:#888}  /* 최신글 마우스 오버 색상설정 */

아래와 같이 백그라운드 색상코드를 수정하자.background-color에서 :#7dc9b3 색상코드만 수정해주면 된다.

설정 후 저장하고 결과물과 똑같이 나오는지 확인하자.