고래 스킨 CSS 아이콘 a tag 링크 색상 변경 방법
CSS Button Generator 에서 원하는 아이콘 스타일을 변경하여 고래 스킨에 적용했는데도 불구하고 버튼 안의 텍스트 색상이 변경되지 않는 현상이 있습니다. 다음의 방법으로 아이콘 텍스트의 색상을 변경할 수 있습니다.
티스토리 관리자 메뉴에서 스킨편집 | CSS 메뉴로 진입합니다.
CSS 편집에서 ctrl + f 찾기 명령어로. post-content a { 를 찾아주세요.
color: #0072ff!important에서 0072ff를 색상팔레트에서 원하는 색상의 색상 코드를 찾아 해당 부분을 변경합니다.
원하는 color 값으로 변경하면 위와 같이 고래 스킨에서 a 태그 링크 아이콘의 텍스트 색상이 변경된 것을 확인하실 수 있습니다. 단, 이 경우 본문 내 링크를 건 모든 텍스트에 대해 변경된 색상 코드가 적용되니 이 점 감안하시고 적용하시기 바랍니다.
해당 값이 #ffff로 하얀색으로 지정해 놓을 경우 아이콘이 아닌 본문 내 링크를 걸었을 때도 텍스트가 하얀색으로 적용되기 때문에 흰색 스킨에서는 글자 색이 보이지 않습니다.
링크텍스트 적용방법 업데이트 하였습니다. .post-content a { 색상도 유지하고 css button generator에서 가져온 외부 소스도 유지하는 방법입니다.
