에티테마

슬라이드이미지(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,228건 30 페이지
질문답변 목록
번호 제목 날짜
358
시간 : 07-14
07-14
357
시간 : 07-13
07-13
356
시간 : 07-13
07-13
355
시간 : 07-12
07-12
열람중
시간 : 07-12
07-12
353
시간 : 07-10
07-10
352
시간 : 07-08
07-08
351
시간 : 07-08
07-08
350
시간 : 07-07
07-07
349
시간 : 07-07
07-07
348
시간 : 07-07
07-07
347
시간 : 07-06
07-06
346
시간 : 07-04
07-04
345
시간 : 07-04
07-04
344
시간 : 07-04
07-04
343
시간 : 07-03
07-03
342
시간 : 07-03
07-03
341
시간 : 07-02
07-02
340
시간 : 07-02
07-02
339
시간 : 07-02
07-02
338
시간 : 06-30
06-30
337
시간 : 06-30
06-30
336
시간 : 06-30
06-30
335
시간 : 06-29
06-29
334
시간 : 06-28
06-28
333
시간 : 06-24
06-24
332
시간 : 06-23
06-23
331
시간 : 06-23
06-23
330
시간 : 06-22
06-22
329
시간 : 06-22
06-22
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼