메인 상품이지 간격 조절 채택완료
안녕하세요 메인에 떠있는 상품이미지들 사이의 간격을 좀 더 띄우고 싶어요
현재 오른쪽에만 마진값이 입력되어 있는 것 같은데 왼쪽 마진값도 입력하구 싶어요
그런데 어떤 경로로 들어가서 바꿔야 하는지 모르겠어요.. 도와주세요 ㅠㅠ
한가지 더, 이미지와 상품명 사이의 간격을 좀 줄이고 싶은데 어떤값을 변경하면 되죠?ㅜㅜ
크롬에서 열어서 소스보기를 해봤는데 정확하게 잘 모르겠어요
섣불리 건드렸다가 괜히 오류날까봐 걱정도되구요 ㅠㅠ
부탁드려요....
답변 3개
chuuuuri
상품이미지와 상품명 사이의 간격조절이랑
좌측에도 마진값을 입력하고 싶은데 어떻게 하는지 궁금해요 ㅠㅠ
블랙앤화이트님 말대로 경로타고 들어가서 보니까 ㅠㅠ 크롬에서 소스보기 하면 오른쪽마진값이 15px로
나오는데 style.css 목록스킨 30과 40에는 margin-right 25px라고 입력되어 있네요 동일한 부분이 맞나요..ㅜㅜ?
댓글을 작성하려면 로그인이 필요합니다.
메인상품이면 스킨폴더의 style.css 에
</p><p>/* 상품 목록 스킨 10 */
.sct_10 .sct_li {position:relative;float:left;margin:0 25px 35px 0}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {margin:0 0 10px}
.sct_10 .sct_txt {margin:0 0 5px}
.sct_10 .sct_icon {margin:0 0 10px}
.sct_10 .sct_id {display:block;margin:0 0 5px}
.sct_10 .sct_basic {margin:0 0 10px}
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_10 .sct_sns {}
/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {}
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
.sct_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}</p><p> </p><p>
/* 상품 목록 스킨 30 */ /* 상품 목록 스킨 40 */ 이부분을 수정하시면 될껍니다
댓글을 작성하려면 로그인이 필요합니다.
그누스트랩코드를 올려주시고 이미지 첨부로 정확한 위치등등 보여주셔야 얼추 알려드릴수 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
