IT Info
[WordPress] OceanWP 테마 에서 클릭 시 outline 제거 하기
kjun.kr
2023. 7. 6. 22:05
728x90
728x170
wordpress에서 oceanWP 테마를 사용하는데 아래처럼 링크를 클릭하면 outline 이 생기게 됩니다
마우스 오버 가 아닌 클릭 시 생겨버려서 좀 거슬렸는데 아래 스크립트 코드를 넣으면 해결됩니다.
/*logo outline remove */
#site-logo #site-logo-inner a:focus {
outline:none !important;
}
/*menubox outline remove in pc */
#site-navigation-wrap .dropdown-menu>li a:focus{
outline: none !important;
}
/*menubox outline remove in mobile */
.oceanwp-mobile-menu-icon a:focus {
outline: none !important;
}
/* post outline remove in pc+mobile */
a:focus {
outline: none !important;
}
위 스크립트 코드는 wordpress 관리자 화면에서
외모 > 사용자 정의하기 > Custom CSS/JS 메뉴로 들어가서 입력해 주면됩니다.
결과
728x90
그리드형