이윰빌더 메인슬라이드 CSS 크기변경 질문드립니다. 채택완료
제목과같이 이윰빌더 메인슬라이드 세로크기좀 줄이고싶습니다.
가로 width는 상관이없고 세로줄여보려고 heidht:auto를 400pixel 로변경해보았으나 이미지2장이 반쪽씩 나오는 오류가 있어서 이리저리 알아보고있으나 해결능력이 안되는것을 알았습니다.
css잘하시는분들의 도움을 좀 받고싶습니다.
Copy
.ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item img {display:block;max-width:100%;height:auto}
ebslider.skin.html.php
Copy
답변 2개
채택된 답변
+20 포인트
1년 전
다음과 같이 수정하시면 가능하지 않을까 합니다.
Copy
.ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item img {
display:block;
max-width:100%;
max-height:400px; /* 높이를 400px로 제한 */
width:auto; /* 가로는 자동으로 조정되도록 설정 */
}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
1년 전
댓글을 작성하려면 로그인이 필요합니다.
1년 전
답변달아주신 웹메이킹님+아이네님 감사합니다.
이번 메인슬라이드 세로 사이즈문제는 제가 이윰빌더를 시스템을 잘몰라 일어난 헤프닝이네요.
다시한번 댓글 달아주셔서 감사합니다.
이미지를 1800?x400으로 포토샵에서 작업후 이미지2장을 업로드하니 해결되는것인데.....ㅠㅠ
간단한것을 너무 멀리 돌아왔네요.아무튼 감사합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
.ebs-shop-basic-wrap-<?php echo $es_code; ?> .ebs-shop-basic-in {
display: block; // 슬라이더 항상 표시 설정 //
overflow: hidden; // 컨텐츠 벗어나지 않도록 설정 //
max-height: 400px; // 최대 높이 400px //
}
.ebs-shop-basic-wrap-<?php echo $es_code; ?> .ebs-shop-basic-in .ebs-shop-basic-item img {
display: block;
width: 100%; // 이미지 너비 맞춤 //
max-height: 400px; // 이미지 최대 높이 400px //
object-fit: cover; // 이미지 채우기 설정, 이미지가 잘릴 수 있음 //
}
[/code]