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
그리드형