티스토리 블로그 영상 첨부 시 하단 여백 제거 방법

티스토리 블로그에 유튜브나 다른 영상을 첨부하면 삽입된 영상 하단에 여백이 크게 생긴다.

 

이 여백을 제거하기 위해서는 CSS의 ifame 태그를 수정해줘야 한다.

 

1) '블로그관리 홈 > 스킨편집 > html편집' 순서로 메뉴 이동 후 화면 상단에서 'CSS'를 선택한다.

 

2) 아래 캡쳐 화면의 빨간 박스로 표시된 부분(entry-content .iframe-wrap)을 화면 검색 기능(Ctrl+F5)을 활용하여 찾는다.

 

3) 여백을 조정하는 'padding-bottom' 초기값을 0%로 수정 후 화면 상단의 '적용'을 클릭하면 된다. (*참고: padding-bottom의 초기값은 50%이상으로 설정되어 있다. 아래 캡쳐 화면은 블로그 포스팅 전 0%로 이미 수정된 상태이다.) 

 

<티스토리 블로그 영상 첨부 시 하단 여백 제거 방법>

 

태그를 수정하면 첨부된 유튜브 영상의 하단 여백이 아래의 화면처럼 줄어든다.

 

<티스토리 블로그 영상 첨부 시 하단 여백 제거 방법>