이 글을 통해 얻게 되는 정보
- 링크 밑줄 제거하는 방법
- 링크 밑줄 제거가 되지 않았던 이유
글의 순서
STEP 01 - 링크 밑줄이 제거 되지 않는 상황
링크 밑줄을 제거하기 위한 CSS 코드를 삽입했음에도 불구하고 링크가 없어지지 않는 상황
- 테마의 사용자 정의 패널에 있는 CSS 추가 섹션에 링크 밑줄 제거를 위한 CSS 코드 삽입 → 밑줄 안 없어짐
- WP Code 플러그인을 활용하여 Code 스니펫에 CSS 코드 삽입 → 밑줄 안 없어짐
- GeneratePress 프리미엄 테마 사용자 정의하기 패널 오픈 → General 섹션에서 Underline Links를 Never로 설정 → 밑줄 안 없어짐
위의 3가지 조치사항을 취했음에도 불구하고 링크에 밑줄이 없어지지 않는 상황이라면 아래의 절차를 진행하면 문제가 해결될 수 있습니다.
STEP 02 - 링크 밑줄 제거를 위한 CSS 코드 삽입
링크 밑줄을 제거하기 위해 아래의 코드를 CSS 추가란에 삽입해 줍니다.
a{text-decoration-line: none!important;}
[링크 밑줄 제거 CSS 코드 삽입 절차]
> 테마의 ‘사용자 정의하기’ 패널 OPEN
> 추가 CSS 섹션 클릭
> Link Underlines 관련 코드를 지우고, 링크 밑줄 제거를 위한 코드 삽입
> 공개 버튼 클릭
> 절차 완료
STEP 03 - 사이트에 방문해서 확인
STEP 02의 절차를 진행하면 링크 밑줄이 사라진 것을 확인할 수 있습니다.
STEP 04 - 링크 밑줄이 사라지지 않았던 이유 분석
링크 밑줄이 사라지지 않았던 이유는 GeneratePress Premium 설치시 초기 셋팅되어 있던 CSS 코드가 문제였습니다.
문제가 되는 코드가 제거되지 않은 상태에서 링크 밑줄을 제거 하기 위한 CSS 코드를 삽입해도 링크의 밑줄은 그대로 남아있습니다.
완료
수고하셨습니다!
정보가 도움이 되셨나요?
가탈작 가이드 웹사이트는
자발적 정보 이용료로 운영됩니다.
인생은 GIVE & TAKE 라고 생각합니다.
물론, 이용료 지불은 당신의 자유의지 입니다.
감사합니다!