퓨어갤러리 썸네일 사이즈 및 가운데 정렬 문의드립니다.

워드프레스를 이번에 첨 사용해보는데 생소한 부분이 많아서 좀 어렵네요.

 

다름이 아니고 현재 적용중인 게시판은 http://www.kkomoda.com/gallery/ 입니다.

썸네일을 9장만 나오도록 설정을 완료했는데요.

썸네일 사이즈를 440*350으로 늘리고 표시된 썸네일을 가운데로 정렬하고 싶습니다.

 

방법에 도움을 주시면 감사하겠습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    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; }

    고맙습니다.

  • 감사합니다....

     

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요