갤러리 최신글 스킨 문의드립니다.
페이지 정보
작성자
binsfam
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 2건
작성일 24-04-17 21:20
본문
* 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 외에 다른 파일을 더 수정해야 하는건가요?
댓글목록
소프트존님의 댓글
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
안녕하세요.
부트스트랩으로 작성되어 있어서요.
모바일에서 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 class="col-sm-4 margin30">
<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
팁영상 보시면 도움이 되실것 같습니다.
한번 팁을 익혀놓으시면 작업시 매우 편리합니다.
감사합니다.
binsfam님의 댓글
binsfam
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
고맙습니다. col-sm-6는 빼고 col-xs-6만 추가해서 해결했습니다.
문제는 해당 스킨의 height값이 $thumb_height에 지정된 픽셀로 고정되서 디바이스의 가로폭이 줄어들 때 썸네일 이미지가 세로로 길어집니다.
(width값은 반응형으로 작동하는데 height값은 지정된 픽셀로만 고정되 있습니다.)
메뉴얼
