1. 정확한 제품 또는 플러그인 이름
모던갤러리 스킨 케이보드 사용
2. 상세 내용
안녕하세요
모던스킨을 이용해서 제품사진을 등록 할때
사진과 사진 사이가 붙어서 등록이 되고 사진과 사진 사이에 엔터를 처도 다음칸으로 떨어졌으면 좋겠는데 사진과 사진사이가 벌어지지 않고 딱 붙어 있습니다.
이것을 등록할때 사진과 사진 간격이 떨어지게 css 코드는 없을까요?
수정방법 문의 드립니다~~~
3. 확인 가능한 상세 페이지 주소
door0485.com
4. 수정한 코드 내역 (있다면)
AI에 의해 자동 생성된 답변이에요 😀
KBoard 모던 갤러리 스킨에서 본문 이미지 간격이 좁아 불편을 겪고 계시군요.
게시글 본문에 삽입된 이미지들 사이에 간격을 주려면 워드프레스 관리자 페이지에서 CSS 코드를 추가하여 해결할 수 있습니다.
아래의 방법을 참고해 보세요.
1. CSS 코드 추가 방법
- 워드프레스 관리자 페이지 접속
- 외모(Appearance) -> 사용자 정의하기(Customize) -> 추가 CSS 메뉴로 이동
- 아래의 코드를 복사하여 붙여넣고 저장합니다.
2. 적용할 CSS 코드
#kboard-modern-gallery-document .kboard-content img {
display: block;
margin-bottom: 20px;
}
3. 코드 설명
- display: block; : 이미지를 한 줄에 하나씩 배치하도록 설정합니다. (엔터를 친 것과 같은 효과)
- margin-bottom: 20px; : 이미지 아래쪽에 20픽셀의 여백을 줍니다. 숫자를 조절하여 간격 크기를 변경할 수 있습니다.
만약 위 코드를 적용해도 변화가 없다면, 사용 중인 테마의 설정이나 다른 플러그인과의 충돌 여부를 확인해야 할 수도 있습니다. 추가적인 도움이 필요하시면 언제든 말씀해 주세요.
↓ 아래 버튼을 눌러서 피드백해주세요.