에티테마

슬라이드이미지(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 이나 다른 클래스를 하나 넣어서 너비를 별도로 조정하실 수가 있습니다.
수고하세요~

게시물 검색
질문답변 목록
번호 제목 날짜
공지
시간 : 11-18
11-18
공지
시간 : 03-21
03-21
공지
시간 : 08-23
08-23
1342
시간 : 12-08
12-08
1341
시간 : 12-07
12-07
1340
시간 : 12-05
12-05
1339
시간 : 12-04
12-04
1338
시간 : 12-04
12-04
1337
시간 : 11-29
11-29
1336
시간 : 11-28
11-28
1335
시간 : 11-13
11-13
1334
시간 : 11-13
11-13
1333
시간 : 11-12
11-12
1332
시간 : 11-11
11-11
1331
시간 : 11-10
11-10
1330
시간 : 11-08
11-08
1329
시간 : 11-06
11-06
1328
시간 : 11-03
11-03
1327
시간 : 10-24
10-24
1326
시간 : 10-24
10-24
1325
t54 문의 댓글+ 1
시간 : 09-23
09-23
1324
테마54 문의 댓글+ 1
시간 : 09-16
09-16
1323
시간 : 09-12
09-12
1322
시간 : 09-05
09-05
1321
시간 : 08-19
08-19
1320
시간 : 08-13
08-13
1319
시간 : 08-06
08-06
1318
시간 : 07-30
07-30
1317
시간 : 07-23
07-23
1316
테마 댓글+ 1
시간 : 07-22
07-22

카테고리

카테고리
질문답변
 메뉴얼