티스토리 블로그 프로필 카드 바꾸기

언제부터인가 티스토리에 블로그를 소개하는 공간이 나타난다. 찾아보니 모바일 화면에 있던 것을 이제 피씨 화면에도 보여주는 것이라고 한다. 그런데 이게 살짝 눈에 거슬린다.

약간 구글스러운 걸 좋아해서 이대로도 괜찮지만 이것이 눈에 거슬려서 없애는 사람이 있다는 사실을 알았다. 없애는 방법을 찾다가 보니 이걸 꾸며서 남겨두고 싶다. 그래서 아래와 같이 바꿔서 남겨두려고 한다.

관리/꾸미기/스킨편집/ CSS에서 적당한 곳에 아래를 넣어준다.

div[data-tistory-react-app="Namecard"] {
display: block;
}
.tt_box_namecard{
border-radius: 20px;
border: 1px solid #ddd ;
margin-bottom: 20px;
}

만약에 아예 보이지 않게 하려면 display: none로 바꾸면 된다. 처음에 테두리만 넣고 확인해 보니 위, 아래로 여백이 있다.

다시 찾아보니 div[data-tistory-react-app="Namecard"] 안에 .tt_box_namecard 라는 클래스가 들어 있는 꼴이다. 배경색은 지정해도 반영되지 않는다. 아직 배경색을 다른 색으로 바꾸는 방법은 찾지 못했다. 일단 이대로 사용하기로 하자. 박스에 그림자 넣기나 이런 걸 쓰면 남들과 다른 모양을 만들 수 있을 것이다.

2024. 5. 29.

배경색을 바꾸는 방법을 찾았다. 아래와 같이 !important를 덧붙여 주면 된다. 자세한 설명은 아래 블로그를 참고하자.

.tt_box_namecard {
    background-color: #fff !important;
    border-radius: 20px;
    border: 1px solid #eee;
    margin-bottom: 20px;
}

https://daag.monginfo.com/29

[티스토리 블로그 꾸미기] 네임카드 꾸미기와 1분 만에 쉽게 제거하기