카테고리 글 수 ( ) 제거하기

( ) 제거하기

맨 처음의 카테고리 형식

<script>
      <!-- 카테고리 글 숫자의 괄호 변경	-->
      const categoryCount = document.querySelectorAll('#category .c_cnt');
      for (i = 0; i < categoryCount.length; i++) {
        let pattern = /[()]/gi; let str = categoryCount[i].innerHTML; let n = str.replace(pattern, ''); categoryCount[i].innerHTML = n;}
</script>

 

( ) 괄호가 제거된 카테고리 형식

추가적인 커스텀 제거하기 - 숫자 뒤 배경을 추가하기

/* 카테고리 글 수 커스텀 */
#sidebar #category .tt_category .link_item .c_cnt,
#sidebar #category .tt_category .link_sub_item .c_cnt {
  font-weight: initial;
  --tw-bg-opacity: .1;
  background: rgb(153 153 161 / var(--tw-bg-opacity));
  color: rgb(153 153 161 / var(--tw-text-opacity));
  --tw-text-opacity: .5;
  border-radius: 1rem;
  margin-left: 0.1rem;
  padding: 0.2rem 0.4rem;
  vertical-align: middle;
}

최종 결과물

---

참고 블로그

느린 개발자