워드프레스 사진 아래 간격을 만들어서 보기 좋게 하는 방법을 알아보겠습니다. 포스팅을 할때 사진과 글이나 이미지 사이에 간격이 없어서 보기 불편한적이 있는데요. 간단한 방법으로 사진아래 간격을 넓히는 방법이 있습니다.
위에 그림 처럼 간격 사이에 만드는 방법입니다. 아래 코드를 CSS에 추가해주시면 되는데요.
/* 사진 아래 간격 */
.single .wp-block-image {
margin-bottom: 25px;
}
/* 갤러리 사진 아래 간격 */
.single .wp-block-gallery {
margin-bottom: 25px;
}테마에 설정에 들어가서 코드를 넣어주시면 되는데요. margin-bottom는 이미지 하단에 간격에 크기입니다. 원하는 만큼 설정해주시면 됩니다.
워드프레스 관리자 페이지에서 [외모] – [사용자 정의하기]에 들어가면 메뉴중에 [CSS]를 추가할 수 있는 페이지가 나오는데요. 여기서 위에 코드를 넣어주시면 됩니다.
◦GeneratePress 테마 글자 크기 문단 사이 간격 변경 방법
◦GeneratePress 테마 상단 메뉴바 색상 변경 방법
