이걸로 스타일시트 수정 2시간째
본문
와.. 이거 1번사진때문에 죽겠네요.
삐져나가는거 어떤부분에서 그런지 제 머리로는 더이상 ㅠㅠ 안되겠어서 이렇게 질문드립니다.
이윰빌더이며, 좌표는 seumg.com 입니다.
사진게시판으로 저렇게 만든거구요.
803픽셀에서 저정도 나가는데요..
모바일에서는 이미지가 줄당 1개만 표시되는데, 모바일에서는 1~2px공간만을 두고 꽉차도록 만들었는데, 저렇게 삐져나가니 이미지가 잘려서 보기가 안좋습니다.
2번사진의 id="list-item-*" 관련된것 같은데요.
3번사진의 네모 친 줄이 있는 div를 보면 2번사진의 네모 친 줄이 있는 div보다 짧습니다.
2번사진의 div에 있는 스타일을 어떤놈이 만들어 내는지도 모르겠구요.
4번사진에서 만들어 내나요? 스크립트는 잘 몰라서;;
답변 4
css쪽을 수정하지 마시고요.
관리자>게시판수정>모바일 갤러리폭의 픽셀크기나 퍼센트를 조정해야될것같네요.
스타일시트의 영향으로 이것들은 별 거시기가 없더라구요.
반응형이라 갤러리 이미지 수도 상관없구요.
이윰빌더 게시판설정에는 사이즈설정 하는 것 자체가 없더라구요.
아래는 이윰빌더 답변입니다.
갤러리 게시판 목록은 masonry 플러그인을 사용하며 각 위치를 잡아주게 됩니다.
해당 사이트의 목록을 보면 .board-gallery .gallery-boxes-in의 padding 값이 5px로 되어 있습니다.
masonry는 위치를 잡은 후 padding값으로 인해 밀려나간 형태가 되는 것입니다.
간단한 방법은 .board-gallery .gallery-boxes-in아래에 div를 감싼후 padding:5px을 부여해 보시기 바랍니다.