갤러리 보드 최근글 사진 크기 조절할 방법이 있을까요

사이트 주소 : www.honeycell.kr

게시판 종류 : modern-gallery

사이트 첫 페이지에 사진 갤러리 게시판 최신글을 사용중인데 사진 크기 조절이 안돼네요

워드프레스 테마 스타일 시트 가서 조절 해바도 조절이 안됩니다.

최신글 사진 크기를 작게 해서 최신글을 4개 넣고 싶은데 크기조절이 안되니 난감하네요

워드프레스 까페에서 문의했는데도 시원하게 답변하시는 분들 없어서 여기에 글남깁니다.

시원하게 답변 해 주실분 기다립니다 ^^ 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • FTP로 접속해서 아래파일의 내용을 수정해주세요.

    http://www.honeycell.kr/main/wp-content/plugins/kboard/skin/modern-gallery/style.css

    아래 속성을 적절히 변경해주세요.

    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-thumbnail { display: block; width: 100%; height: 130px; line-height: 130px; color: black; vertical-align: middle; text-align: center; text-decoration: none; background-position: center; background-size: cover; }

  • 감사합니다. 님 덕분에 단번에 해결됬습니다.^^ 속이 다 후련하네요

    한가지 더 저라인만 수정하면 제목 글씨 위치가 안맞아 져서 응용으로 해결 했습니다.

    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-title { margin: 0; padding: 0; width: 90%; text-align: center; }

    여기 width갑을 위 width갑하고 똑같이 해주면 됩니다.

    하나를 아니깐 다른것도 금방 알게 되네요 

    한가지 더 최신글 사진배열을 4개로 한다고 가정했을때 일열로 밑으로 내려가지말고 두 열로 배열하고자 할때는 

    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-item { float: left; width: 160px; padding: 0 12px 12px 0; overflow: hidden; }

    여기 width갑을 조금씩 조절해주면 해결 되더라구요 ^^

    암튼 감사하고 저같이 문제가 발생되신 분 있으면 이글 보고 해결 됬음 하네요

    참고로 제가 수정한 내용이구요

    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-item { float: left; width: 160px; padding: 0 12px 12px 0; overflow: hidden; }
    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-thumbnail { display: block; width: 90%; height: 70px; line-height: 70px; color: black; vertical-align: middle; text-align: center; text-decoration: none; background-position: center; background-size: cover; }
    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-thumbnail:hover { opacity: 0.7; filter: alpha(opacity=70); }
    #kboard-modern-gallery-latest .kboard-modern-gallery-latest-title { margin: 0; padding: 0; width: 90%; text-align: center; }

    이 갑이랑 제가 만드 사이트 들가서 함 비교해보셔요

  • eaststone72님 해결되었다니 다행입니다^^

    좋은 정보도 올려주시고 고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기