워드프레스 본문 이미지와 텍스트 간격 넓히기

워드프레스 특정 테마에서 별도의 설정 없이 글을 작성하면 본문에 삽입한 이미지와 텍스트의 간격이 너무 좁아 시각적으로 깔끔하지 못한 모습을 보이는 경우가 있습니다.

사용하는 테마에서 이 부분에 대해 설정 할 수 있는 기능을 제공해주면 좋겠지만, 그렇지 않다면 CSS 코드를 추가하여 이 문제를 해결할 수 있습니다.

/* 본문 이미지 텍스트 간격*/
.single .wp-block-image { 
	margin-bottom: 10px;
}

margin-bottom 뒤쪽의 숫자는 본문에 작성된 텍스트와 이미지 사이의 간격을 나타내는 픽셀 수치로, 해당 픽셀 값을 수정하여 간격을 조절 할 수 있습니다.

Leave a Comment