🧡 티스토리/블꾸기록

1. 티스토리 오디세이(odyssey) 스킨 프로필 테두리 지우기

사월의눈꽃 2023. 6. 19. 09:00

 

티스토리 오디세이(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;
}

 

홈 화면으로 나와 ✨ 변경된 스킨을 확인한다! ✨

 

생각보다 그렇게 어렵지 않다.

끝!