에티테마

슬라이드이미지(carousel) 너비수정

페이지 정보

작성자 no_profile Anthonymun 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 작성일 21-07-12 18:30

본문

Carousel 슬라이드 이미지 너비 조정시 어느부분을 수정하여야 하는지 궁금합니다

Css를 수정하거나 Index에서 강제로 주어도 반영이되질 않아서요
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

무료 와이드 테마의 /테마폴더/css 가 있습니다.
modern-business.css 약 500번째줄을 보시게 되면
/* 모바일기기 */
@media only screen and (max-width: 320px) {

/* 모바일 1 슬라이드 크기 조절 */
.carousel-item {
height: 200px;;
min-height: 200px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* 모바일 슬라이드 텍스트 크기 조절 */
.carousel-caption h3{font-size:16px;}
.carousel-caption p{font-size:14px;}


/*
네비
**********/
.navbar-brand { font-size:25px; font-weight:bold; }
.navbar-nav li {
padding: 5px 0 5px 10px;
}

}

/* 모바일기기 + 태블릿 */


위 처럼 되어 있습니다.
미디어쿼리를 사용하여 데스크탑시, 모바일시 세로크기를 별도로 조정하실 수 있습니다.
감사합니다.

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

너비라면 가로크기를 말씀하시는것 같은데요.
기본적으로 케러젤의 경우 풀사이즈이기 때문에


슬라이드 코드....


위 처럼 감싸 주시면 슬라이드가 줄어들게 됩니다.~
나머지는 container 이나 다른 클래스를 하나 넣어서 너비를 별도로 조정하실 수가 있습니다.
수고하세요~

Total 1,161건 3 페이지
질문답변 목록
번호 제목 날짜
1101
시간 : 11-17
11-17
1100
시간 : 11-16
11-16
1099
시간 : 11-16
11-16
1098
시간 : 11-16
11-16
1097
시간 : 11-15
11-15
1096
시간 : 11-15
11-15
1095
시간 : 11-13
11-13
1094
breadcrumbs 댓글+ 1
시간 : 11-12
11-12
1093
모바일 로고 댓글+ 2
시간 : 11-09
11-09
1092
시간 : 11-09
11-09
1091
시간 : 11-03
11-03
1090
시간 : 11-02
11-02
1089
시간 : 11-01
11-01
1088
시간 : 10-31
10-31
1087
시간 : 10-30
10-30
1086
시간 : 10-27
10-27
1085
시간 : 10-27
10-27
1084
시간 : 10-26
10-26
1083
시간 : 10-25
10-25
1082
시간 : 10-22
10-22
1081
시간 : 10-17
10-17
1080
시간 : 10-06
10-06
1079
시간 : 10-03
10-03
1078
시간 : 10-02
10-02
1077
시간 : 10-02
10-02
1076
시간 : 09-27
09-27
1075
시간 : 09-26
09-26
1074
시간 : 09-21
09-21
1073
시간 : 09-20
09-20
1072
시간 : 09-19
09-19
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼