북클럽 스킨에서 링크를 걸어둔 글자에 색상이 css 코드로 바꿨는데도 변경이 안되서 정말 답답했는데요.
이런 저런 방법을 찾아본 결과 드디어 링크 색상을 변경하는 방법을... 찾았습니다.
생각보다 쉬운 방법이니 한번 따라해 보세요~
코드를 수정해도 링크 색상이 변경 안되는 이유 (북클럽 스킨)
북클럽 스킨에는 위와 같이 스킨 자체에 '포인트컬러' 컬러라는게 존재하는데요.
이 포인트 컬러 때문에 아무리 본문 링크 색상 코드를 변경해도 링크 색상이 변경이 안되는 문제가 발생합니다.
이를 해결하기 위해서 다음과 같이 간단하게 해결 할 수 있습니다.
포인트컬러에서 링크 색상 코드 지우기(html)
사진과 같이 북클럽 'html 편집' 창으로 들어가서 html 맨위 쪽 코드를 확인합니다.
링크를 카리키는 코드가 'var_point_color_(바 포인트 컬러)'에 묶여 있는 걸 확인할 수 있습니다.
여기서 이미지에서 화살표로 가리키고 있는 '.entry-content a'라는 링크를 가리키는 코드를 볼 수 있는데요.
이 코드를 삭제해 주면 링크 색상이 'var_point_color_(바 포인트 컬러)'에 묶이지 않고 영향을 받지 않게 됩니다.
링크 색상과 링크 호버 색상 변경하기
그럼 이제 링크가 포인트 컬러로 묶이는 문제도 해결했으니 링크의 색상을 내 맘대로 변경해보겠습니다.
css 수정 페이지에 들어갑니다. 키보드에서 ctrl+F 눌러서 '.entry-content a' 검색합니다.
위 사진과 같이 '.entry-content a' 부분의 color를 원하는 색상으로 변경해주면 링크가 걸린 글자의 색상이 변경됩니다.
또한 4.번 부분의 '.entry-content a:hover' 부분은 링크에 마우스를 올려 뒀을때 어떤 색으로 변하게 할지 정하는 부분입니다. 해당 부분도 원하는 색상으로 자유롭게 변경해주면 됩니다.
댓글