본문으로 건너뛰기
워드프레스 Twenty Sixteen 테마 테두리 없애기

워드프레스 Twenty Sixteen 테마 테두리 없애기

2019년 6월 26일

Note

오래전에 작성된 글입니다. 일부 내용이 현재와는 다를 수 있으며, 링크가 유효하지 않을 수 있습니다.

워드프레스 테마로 Twenty Sixteen을 사용 중입니다.

Twenty Sixteen theme preview

데스크톱 환경에서는 검은색 테두리가 생겨 답답해 보입니다.


테두리 삭제하기

Twenty Sixteen 테마를 사용 중인 경우입니다.


워드프레스 관리자 페이지에 접속한 후 Appearance -> Customize 페이지에 들어갑니다.

Wordpress admin dashboard

왼쪽 메뉴에서 Additional CSS를 선택합니다.

Theme customize page

추가 CSS 편집 영역에

body:before, body:after {
    display: none !important;
}

.site {
    margin: 0;
}

을 입력합니다.

Additional css page

오른쪽의 실시간 미리 보기에서 테두리가 사라진 모습을 확인할 수 있습니다.


Publish를 눌러 수정된 테마를 적용합니다.

Publishing additional css
마지막 수정 일자