상품설명 탭 넓이를 어디서 고쳐야할까요.
본문
상품정보의 탭을 가로로 넓히고 싶은데, 어디서 조정을 해야할지 모르겠네요.
답변 2
css/default_shop.css 안에
/* 목록 바로가기 */
.sanchor {margin: 0 0 20px;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f2f5f9;padding: 0 17px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
default_shop.css
/* 목록 바로가기 */
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor:after {margin:0 0 10px;display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none;width:16.74%}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f2f5f9;width:100%;height:30px;text-decoration:none;line-height:2.6em;text-align:center;}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
복붙하셔서
.sanchor li {float:left;margin-left:-1px;list-style:none;width:16.74%}
width 값에 퍼센트만 바꿔주시면 됩니다. 예를들어 15%, 20%
답변을 작성하시기 전에 로그인 해주세요.