티스토리 하이퍼링크 색상 안바뀔 때 해결방법

티스토리 북클럽 스킨을 사용 중인데, 하이퍼링크 색상이 맘에 안들었어요.

하늘색으로 고정되어있고 밑줄도 없어서 이게 하이퍼링크인지 그냥 글자에 색상만 덮은건지 모르겠더군요.

 

위 이미지의 베란다 인테리어 첫번째 - 바닥 조립마루 고르기의 예시

 

| 문제현상

 

위 이미지는 제가 밑줄 추가까지는 성공했는데 하이퍼링크 색상은 아무리 해도 바뀌지 않는 문제가 있었습니다.

원래라면 아래 CSS 코드를 찾아서 수정을 해주면 되는 건데요.

 

.entry-content a {
	color: #04beb8;	
}

 

여기서 하이퍼링크의 디폴트 색상인 #0000ee로 바꾸었습니다.

 

.entry-content a {
color: #0000EE;
}

 

근데 전혀 바뀌질 않아요. 계속 #04beb8 색상인 하늘색으로 나왔습니다.

일단 색상은 제쳐두고 밑줄과 마우스 커서를 위에 두었을 때(hover) 색깔 변경되는 코드를 추가했습니다.

 

.entry-content a {
	color: #0000ee;
	text-decoration: underline;
}
.entry-content a:hover {
	color: #ff0000;
	text-decoration: underline;
}

 

북클럽 스킨은 아래에 a:hover 영역이 없어서 추가해줬어야했습니다.

#ff0000이 빨간색이예요. 마우스 커서를 위에 두면 빨간색으로 변합니다.

 

근데 새로고침해도 이상하게 추가한 것, 밑줄은 다 제대로 표시가 되는데 하이퍼링크 색상만 안바뀌는겁니다.

#04beb8로 된 css 코드를 싹~ 다 바꿔봐도 소용이 없었어요.

예전 스킨이면 스킨위자드에서 고정되어있어 그걸 바꾸면 된다고 하던데 티스토리 업데이트 이후에는 스킨위자드도 없습니다.

css 코드 전체를 읽어도 본문 영역의 하이퍼링크 색상을 고정하는건 없었어요.

 

하... 이게 뭔일인가...

몇시간을 사투 끝에 결국 답을 찾았습니다.

 

| 해결방법

 

아래와 같이 변경하시면 됩니다.

 

.entry-content a {
	color: #0000ee !important;
	text-decoration: underline !important;
}
.entry-content a:hover {
	color: #ff0000 !important;
	text-decoration: underline !important;
}

 

!important 를 추가해줘야했습니다.

이미 발행한 글은 코드를 바꿔도 색상 변경 적용이 안된다고 하네요.

이렇게 추가하고 나니 이전 발행한 글 포함 모든 포스팅에 하이퍼링크가 파란색으로 나타나고 있습니다.

운좋게 시도해본건데 해결이 되어 다행이네요... 

짜증나서 잠 못잘뻔... ㅠㅠ