안녕하세요. 우커머스에서 상품을 장바구니에 넣게되면 기본적으로는 화면 상단에 v(브이 모양의 아이콘) “상품”이(가) 장바구니에 추가되었습니다.
라고 멘트가 나옵니다.
https://mfsound.co.kr
현재 홈페이지에서는 관련 플러그인을 설치해서 따로 팝업창으로 나오게 되는데요,
멘트에서 맨 앞줄의 아이콘을 삭제하고 싶습니다.
.links>li>a:before, i[class^="icon-"], i[class*=" icon-"]
이 태그를 사용해서 display none 처리 하였더니 중요한건 홈페이지의 다른 아이콘도 사라지더라구요 -> 대표적으로 모바일 네비게이션 아이콘
i.class="icon-checkmark" 이 구문만 display none으로 처리하면 될거같은데
div.class 의 처리방법이랑 다른가요? 기존의 지식으로 작성해봤지만 숨겨지지가 않는거같습니다.
좋은 방법이 있을까요?
안녕하세요~^^
CSS 선택자에 대해 알아보시면 도움이 되실 듯합니다.
CSS 클래스 선택자로 좀 더 명확하게 타겟을 맞춰서 적용해봤습니다.
아래의 CSS 코드를 활용해보시겠어요?
.ttt-pnwc-container .ttt-pnwc-content .ttt-pnwc-message .icon-checkmark { display: none; }
상위 클래스명은 크롬 브라우저 개발자 도구(F12)를 사용하시면 쉽게 찾으실 수 있습니다.
고맙습니다.
감사합니다. 문제없이 적용이 잘 됩니다!