안녕하세요 KBOARD 는 언제나 멋집니다. ^^
퓨어갤러리를 설치했는데,
페이지의 컬럼에서 사용하는 패딩간격과 맞추려고 하는데, 어딜 손봐야 할지 스킨의 style.css 를 봐도 잘 모르겠어서 문의드립니다.
아래 이미지에서 보시는 바와 같이 이 홈페이지의 좌우 간격을 10px 롤 했는데요.
padding 을 10px 하면 전체적인 폭이 넓어져서 아래로 내려갈 수도 있을 거 같고 알맞게 조절을 해야 할 거 같은데요.
갤러리의 추출 이미지 간격도 같게 맞추려고 문의드립니다.
그리고 추출리스트썸네일 이미지의 높이를 조금 낮추어 글제목이 좀더 여유있게 보이려고 하는데요.
최신글의 테두리도 가능할 거 같은데, css 에서 어딘지를 모르겠이요
답변 부탁드립니다.
감사합니다.
안녕하세요~^^
KBoard 퓨어 갤러리 스킨의 style.css 파일을 보시면 아래의 스타일시트(CSS) 코드가 있습니다.
/wp-content/plugins/kboard/skin/pure-gallery/style.css
#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-control { margin: 0; }
#kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list { margin: 0; }
#kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list .kboard-list-item { margin: 0; width: 100%; }
margin 값을 조절해주시면 됩니다.
현재 퍼센트로 되어 있기 때문에 width 값도 함께 조절해주셔야 합니다.
HTML, CSS 코드를 쉽게 찾으시려면 브라우저의 개발자 도구(F12키)를 사용하시면 좋습니다.
고맙습니다.