티스토리 북클럽 스킨 편집 #5 사이드바 구분선 삭제

안녕하세요.

 

이번 포스팅에서도 북클럽 스킨 편집을 이어서 해보겠습니다.

 

티스토리 북클럽 스킨 편집

 

지난 포스팅에서는 사이드바 영역의 폭을 조절했는데 사이드바 구분선이 겹치는 문제가 있었습니다.

 

북클럽 스킨 메인 화면

 

이번 포스팅에서는 붉은색 테두리 안에 있는 겹쳐지는 사이드바 구분선을 삭제해보겠습니다.

티스토리 CSS 편집창

CSS를 수정해야 하므로 HTML 편집기를 열어줍니다. 전체적인 레이아웃에 속하는 속성이므로 “#4. Layout Selector” 영역에 CSS 코드가 숨어있습니다. Ctrl+F(맥 cmd+f) 를 눌러 #container .content-wrap:before 를 검색합니다.

319행부터 329행까지가 포스팅 영역 - 사이드바 구분선을 구성하는 코드들입니다. 이 영역에 있는 코드들을 모두 삭제하거나 비활성화 시키면 구분선이 사라지게 됩니다.

티스토리 CSS 속성 편집

모두 삭제하셔도 되고 주석으로 묶어서 비활성화 시키셔도 됩니다.개인적으로는 추후에 수정할 일이 생길 경우를 대비해서 주석으로 묶는 걸 추천드립니다. 

한 가지 팁으로 주석으로 묶을 때 설명을 입력해두면 추후에 다시 수정을 할 경우 어떤 코드를 찾아야 하는지 알아내기 쉽습니다.

 

북클럽 스킨 메인 화면 변경 후

 

적용을 누르고 화면을 새로 고침하면 위 그림과 같이 구분선이 감쪽같이 사라져있습니다. 이대로 사용해도 되나 개인적으로 구분선이 있는 것이 보기가 편해 보입니다.

 

다음 포스팅에서는 새로운 구분선을 추가하는 방법에 대해 알아보겠습니다.

  

방문해 주셔서 감사합니다.

 

행복한 하루 보내세요 ^^