배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지 - 영카트강좌

본문 바로가기
전체검색

영카트강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지

관리자 18-04-17 14:17
배송 정보를 이미지로 만들어서 넣었을 경우 이미지 사이즈가 페이지 가로폭보다 클 때
페이지가 밀리는 것을 조절하는 방법입니다.

빨간색 부분 추가

PC 스킨
skin/shop/basic/style.css

/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:20px 0}
#sit_dvr h2  {position:absolute;font-size:0;line-height:0;content:""}
#sit_dvr img {max-width:100%;height:auto} 



모바일 스킨

mobile/skin/shop/basic/style.css
 

/*배송교환정보*/
#sit_dvex h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_dvex h3 {font-size:1.167em;text-align:center;padding:10px 0;background:#f3f3f3;margin:0 0 10px}
#sit_dvex img {max-width:100%;height:auto}


영카트 5.2.x 버전 모바일은 위 내용이 없을 겁니다.
이렇게 추가하세요.
.win_desc_if img {max-width:100%;height:auto}
로그인 후 댓글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.