728x90

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

'IT Info' 카테고리의 다른 글

Fork Git Client 에서 Commit 하기  (0) 2023.07.11
[내돈내산] 그램360  (0) 2023.07.07
난독화 및 난독화 해제 도구 - CyberChef  (0) 2023.07.05
AI 가 쓴 글인지 확인하는 방법  (0) 2023.06.29
Git Client - Fork  (0) 2023.06.28
Posted by kjun.kr
,