갤러리 최신글 스킨 문의드립니다.

페이지 정보

작성자 binsfam 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 2건 작성일 24-04-17 21:20

본문

테마명 : m20

* FTP 정보는 비밀코멘트로 작성해주세요 (본문에 노출시 문제가 발생될 수 있습니다.)
* 최대한 자세히 질문하시고 이미지 첨부해주시면 좋은 답변을 받으실 수 있습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.

* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)

해당 테마의 latest 스킨 중 gallery_list 스킨을 사용중인데
device width값이 767픽셀 이하로 내려가면 리스트 이미지의 width값이 33.33333%에서 100%로 확 늘어나서 약간 이질감을 줍니다.
그래서 해당 부트스트랩 클래스인 col-sm-4 에 max-width: 767px 로 미디어쿼리를 주고 width값을 50%로 추가했는데
바뀌지 않습니다. !important를 추가해봐도 묵묵부답 100%만을 고집하고 있네요.

바꿀 수 있는 팁을 주셨으면 좋겠습니다.
bootstrap.css 외에 다른 파일을 더 수정해야 하는건가요?

검색

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-04-18 12:36

안녕하세요.
부트스트랩으로 작성되어 있어서요.
모바일에서 2개로 보여지게 하시길 원하시면

클래스만 추가해주시면 됩니다.
col-sm-6 , col-xs-6
위 두개만 추가해주시면 되는데요.

해당 스킨 보시면

$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" class="img-responsive" style="width:100%;height:'.$thumb_height.'px">';

<div>

위 처럼 되어 있는 부분이 있습니다.

<div class="col-sm-6 col-xs-6 margin30">
이렇게 수정해보시겠어요?
sm 은 모바일 기기 , xs 는 좀더 작은 모바일 기기입니다.
12값이 전체사이즈를 6 을 사용하게 되면 2개씩 나누어서 출력이 됩니다.

시간되실때
http://ety.kr/board/ety_theme_manual/26?sfl=wr_subject&stx=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&sop=and
팁영상 보시면 도움이 되실것 같습니다.

한번 팁을 익혀놓으시면 작업시 매우 편리합니다.
감사합니다.

안녕하세요. 부트스트랩으로 작성되어 있어서요. 모바일에서 2개로 보여지게 하시길 원하시면 클래스만 추가해주시면 됩니다. col-sm-6 , col-xs-6 위 두개만 추가해주시면 되는데요. 해당 스킨 보시면 		$img_content = '&lt;img src="'.$img.'" alt="'.$thumb['alt'].'" class="img-responsive" style="width:100%;height:'.$thumb_height.'px"&gt;';		?&gt;		&lt;div class="col-sm-4 margin30"&gt;			&lt;div&gt; 위 처럼 되어 있는 부분이 있습니다. &lt;div class="col-sm-6 col-xs-6 margin30"&gt; 이렇게 수정해보시겠어요? sm 은 모바일 기기 , xs 는 좀더 작은 모바일 기기입니다. 12값이 전체사이즈를 6 을 사용하게 되면 2개씩 나누어서 출력이 됩니다. 시간되실때&nbsp; <a href="http://ety.kr/board/ety_theme_manual/26?sfl=wr_subject&amp;stx=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&amp;sop=and">http://ety.kr/board/ety_theme_manual/26?sfl=wr_subject&amp;stx=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&amp;sop=and</a> 팁영상 보시면 도움이 되실것 같습니다. 한번 팁을 익혀놓으시면 작업시 매우 편리합니다. 감사합니다.

binsfam님의 댓글

binsfam 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-04-18 21:42

고맙습니다. col-sm-6는 빼고 col-xs-6만 추가해서 해결했습니다.
문제는 해당 스킨의 height값이 $thumb_height에 지정된 픽셀로 고정되서 디바이스의 가로폭이 줄어들 때 썸네일 이미지가 세로로 길어집니다.
(width값은 반응형으로 작동하는데 height값은 지정된 픽셀로만 고정되 있습니다.)