Info🔍/HTML&CSS
[Portfolio 스킨] 03. 네임카드 지우기 (+꾸미기)

별이의 라이프2024. 11. 30. 18:03

티스토리는 포스팅 맨 밑에 네임카드가 나온다.
꾸미는 방법도 있던데 나는 이게 쓸데없이 공간을 차지하는 것 같아서 지우고 싶다. 

 

적용 모습

 

스킨 수정 과정

1. 편집화면으로 들어간다.

  • 꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집

 

2. 적당한 위치에 아래 코드를 입력한다.

/* 네임카드 숨기기 */
div[data-tistory-react-app="Namecard"] {
display: none;
}

 

3. 코드 수정이 끝났다면 적용을 누른다.

 

참고

  • 네임카드를 꾸미고 싶다면 아래 코드를 입력하면 된다.
/* 배경, 테두리색 */
.tt_box_namecard {
  background-color: #fcfcfc !important; /* 배경색 우선순위 */
  color: #333; /* 글자색 */
  border: 1px solid #333; /* 테두리 */
}

/* 블로그 이름 */
.tt_box_namecard .tt_tit_cont { 
  font-size: 22px !important; /* 글자 크기 */
  font-weight: bold !important; 
}

/* 블로그 설명 */
.tt_box_namecard .tt_desc { 
  font-size: 16px !important; /* 글자 크기 우선순위 */
  padding-top: 20px !important; /* 위쪽 여백 우선순위 */
}

<참고 : 논어일기님>

 

top
bottom