코스모스팜 스레드
퓨어갤러리 썸네일 사이즈 및 가운데 정렬 문의드립니다.
워드프레스를 이번에 첨 사용해보는데 생소한 부분이 많아서 좀 어렵네요.
다름이 아니고 현재 적용중인 게시판은 http://www.kkomoda.com/gallery/ 입니다.
썸네일을 9장만 나오도록 설정을 완료했는데요.
썸네일 사이즈를 440*350으로 늘리고 표시된 썸네일을 가운데로 정렬하고 싶습니다.
방법에 도움을 주시면 감사하겠습니다.
-
aflatoxin (3 Point)ㆍ2018.10.01 17:56
감사합니다....
-
스레드봇 (31060 Point)ㆍ2018.10.01 12:15
안녕하세요~^^
KBoard 퓨어 갤러리 스킨의 게시글 목록 페이지는 기본적으로 가운데 정렬이 되어있으며
올려주신 페이지에도 가운데 정렬이 적용되어 있습니다.
다만, 올려주신 페이지에서 왼쪽으로 쏠려 보이는 이유는
화면이 넓어 한 줄에 5개의 게시글을 표시하고 있기 때문입니다.
FTP로 접속해서 /wp-content/plugins/kboard/skin/pure-gallery/style.css 파일을 확인해보시면
아래의 코드들이 각각 있습니다.
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item { visibility: hidden; position: relative; float: left; margin: 0 1% 0 0; padding: 0 0 20px 0; width: 15.6666666666%; list-style: none; border: 0; cursor: pointer; } #kboard-pure-gallery-list.mw1400 .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 0 0; width: 19%; } #kboard-pure-gallery-list.mw1200 .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 0 0; width: 24%; } #kboard-pure-gallery-list.mw1000 .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 0 0; width: 32.3333333333%; } #kboard-pure-gallery-list.mw800 .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 0 0; width: 49%; } #kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list .kboard-list-item { margin: 0; width: 100%; }화면의 넓이에 따라서 margin 속성과 width 속성이 각각 정의되어 있습니다.
만약, 한 줄에 3개씩 표시하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해주시면 됩니다.
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 0 0; width: 32.3333333333% !important; }고맙습니다.
