티스토리 오디세이(odyssey) 스킨 프로필 테두리 지우기
티스토리 초기 생성 시, 기본 스킨을 선택할 수 있길래 심플 깔끔한 게 마음에 들어 '오디세이(Odyssey)' 스킨을 선택했다.
그런데 쓰려고 보다 보니 '아 이건 좀 바꾸고 싶은데...' 하는 부분들이 조금 있었고
찾아보니 얼마든지 자유롭게 수정이 가능하다고 하여 쾌재를 불렀다!! (너무 좋다 이런 자유도 !)
블로그 시작 후, 가장 먼저 바꾸고 싶었던 것은 바로 이 프로필의 회색 테두리 부분⬇️
프로필의 저 애매한 네모박스가 너무 답답해 보여서 지워보려고 한다.
CSS 코드 수정하기
저 부분을 바꾸기 위해서는 html/css를 수정해야 한다.
[ 블로그관리 홈 > 스킨편집 > html 편집 ]
CSS로 들어가면 여러 알 수 없는 코드들이 주르륵 나오지만 우리는 필요한 부분만 찾아가면 된다.
[ Ctrl + F > 'Profile' 타이핑] 해서 아래 코드가 있는 부분으로 가준다.
(비개발자 문과생인 나는 어질어질하다)
찾은 코드를 아래처럼 /* */로 감싸 주석 처리 해 준 뒤,
우상단의 [ 적용 ] 버튼을 눌러 저장한다.
⬇️ 주석처리한 코드 ⬇️
/* border: 1px solid #e83838; */
.area-aside .box-profile {
position: relative;
margin-bottom: 43px;
/* border: 1px solid #e8e8e8; */
border-bottom: 2px solid #333;
text-align: center;
}
홈 화면으로 나와 ✨ 변경된 스킨을 확인한다! ✨
생각보다 그렇게 어렵지 않다.
끝!
'🧡 티스토리 > 블꾸기록' 카테고리의 다른 글
4. 티스토리 오디세이(odyssey) 본문 제목 스타일 변경 (1) | 2024.03.19 |
---|---|
3. 티스토리 오디세이(odyssey) 블로그 전체 너비 조정 (0) | 2023.06.29 |
2. 티스토리 오디세이(odyssey) 스킨 본문 영역 넓히기 (0) | 2023.06.22 |
0. 나의 티스토리 블로그 이야기 (0) | 2023.06.15 |