상품 유형 아이콘 위치 변경 채택완료
호다
2년 전
조회 3,642
답변 4개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
�
호다
2년 전
�
웅프
2년 전
<div class="img-wrap">
<?php echo $shadow_in; ?>
<?php echo $item_label; ?>
</div>
<div class="img-icon">
<?php echo $item_icon; ?>
</div>
이렇게 클래스 요소를 정의 해주시고
다음 css 에서
.img-icon 요소를 만들어주시면될것 같네요.
css 요소명은 중복된지는지 필확인하시구요.
예를들어서 다음과 같이 해보시면 되구요 원하신대로 요소속성을를 수정하면 되겠네요
.img-icon {
display: inline-block;
margin-left: 5px;
font-size: 16px;
color: #FFA500;
vertical-align: middle;
}
<?php echo $shadow_in; ?>
<?php echo $item_label; ?>
</div>
<div class="img-icon">
<?php echo $item_icon; ?>
</div>
이렇게 클래스 요소를 정의 해주시고
다음 css 에서
.img-icon 요소를 만들어주시면될것 같네요.
css 요소명은 중복된지는지 필확인하시구요.
예를들어서 다음과 같이 해보시면 되구요 원하신대로 요소속성을를 수정하면 되겠네요
.img-icon {
display: inline-block;
margin-left: 5px;
font-size: 16px;
color: #FFA500;
vertical-align: middle;
}
댓글을 작성하려면 로그인이 필요합니다.
2년 전
이와 같이 div 를 씌우고,
css 에서 아래 처럼 위치를 조정하세요.
.list-wrap .img-wrap .item_icon { margin-top:10px; margin-left:10px; }
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
호다
2년 전
skin > apms > list > basic > list.skin.php 부분입니다.
list-wrap .img-wrap { padding-bottom:<?php echo $img_h;?>%; border-radius:10px; border:1px solid #ddd; overflow:hidden; }
<div class="img-wrap">
<?php echo $shadow_in;?>
<?php echo $item_label;?>
<?php echo $item_icon;?>
</div>
이 부분인데 div 태그로 안 감싸주면 아이콘이 안 생기더라고요 ..
그리고 아이콘만 나타나는게 아니라 card 도 함께 생깁니다.
list-wrap .img-wrap { padding-bottom:<?php echo $img_h;?>%; border-radius:10px; border:1px solid #ddd; overflow:hidden; }
<div class="img-wrap">
<?php echo $shadow_in;?>
<?php echo $item_label;?>
<?php echo $item_icon;?>
</div>
이 부분인데 div 태그로 안 감싸주면 아이콘이 안 생기더라고요 ..
그리고 아이콘만 나타나는게 아니라 card 도 함께 생깁니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
list-wrap .img-wrap { padding-bottom:<?php echo $img_h;?>%; border-radius:10px; border:1px solid #ddd; overflow:hidden; }
<div class="img-wrap">
<?php echo $shadow_in;?>
<?php echo $item_label;?>
<?php echo $item_icon;?>
</div>
이 부분인데 div 태그로 안 감싸주면 아이콘이 안 생기더라고요 ..
그리고 아이콘만 나타나는게 아니라 card 도 함께 생깁니다.