반응형
언제부터인가 티스토리에 블로그를 소개하는 공간이 나타난다. 찾아보니 모바일 화면에 있던 것을 이제 피씨 화면에도 보여주는 것이라고 한다. 그런데 이게 살짝 눈에 거슬린다.
약간 구글스러운 걸 좋아해서 이대로도 괜찮지만 이것이 눈에 거슬려서 없애는 사람이 있다는 사실을 알았다. 없애는 방법을 찾다가 보니 이걸 꾸며서 남겨두고 싶다. 그래서 아래와 같이 바꿔서 남겨두려고 한다.
관리/꾸미기/스킨편집/ 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 라는 클래스가 들어 있는 꼴이다. 배경색은 지정해도 반영되지 않는다. 아직 배경색을 다른 색으로 바꾸는 방법은 찾지 못했다. 일단 이대로 사용하기로 하자. 박스에 그림자 넣기나 이런 걸 쓰면 남들과 다른 모양을 만들 수 있을 것이다.
반응형
