카테고리 많이 만들때 각잡아서 이쁘게 (새도우님 소스도움이큽니다.) > 시즌3 팁 & 테크

요렇게 보입니다.

새도우님 자료에서 css 내용 수정입니다.

새도우님 자료를 먼저 참고하세요. http://eyoom.net/bbs/board.php?bo_table=tip&wr_id=396

감사합니다. 새도우님

eyoom/theme/basic/css/custom.css

수정후

/*Tabs Cart*/
.tab-Cart .nav-tabs {
    border: none;
    background: none;
}
 
.tab-Cart .nav-tabs a {
    font-size: 13px;
    padding: 5px 5px;
}
 
.tab-Cart .nav-tabs > .active > a,
.tab-Cart .nav-tabs > .active > a:hover,
.tab-Cart .nav-tabs > .active > a:focus {
    color: #fff;
    border: none;
    background: #e33334;
  
 
}
 
.tab-Cart .nav-tabs > li {
    float: none;
    display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;
    display:inline-block;margin:0 8px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none
 width: 7.5%;
}
 
.tab-Cart .nav-tabs > li > a {
     border: none;
    text-align: center;
    width: 88px;
}
.tab-Cart .nav-tabs > li > a:hover {
    color: #fff;
    background: #e33334;
    width: 88px;
}
 
.tab-Cart .tab-content {
    padding: 10px 0;
}
 
.tab-Cart .tab-content img {
    margin-top: 4px;
    margin-bottom: 15px;
}
 
.tab-Cart .tab-content img.img-tab-space {
    margin-top: 7px;
}