에티테마

슬라이드이미지(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 54건 2 페이지
질문답변 목록
번호 제목 날짜
24
시간 : 07-26
07-26
23
시간 : 07-23
07-23
22
시간 : 07-21
07-21
21
시간 : 07-16
07-16
20
시간 : 07-12
07-12
열람중
시간 : 07-12
07-12
18
시간 : 07-08
07-08
17
시간 : 07-06
07-06
16
시간 : 07-04
07-04
15
시간 : 07-03
07-03
14
시간 : 06-30
06-30
13
시간 : 06-23
06-23
12
시간 : 06-22
06-22
11
시간 : 06-20
06-20
10
시간 : 06-18
06-18
9
시간 : 06-14
06-14
8
시간 : 06-11
06-11
7
시간 : 06-10
06-10
6
시간 : 05-27
05-27
5
시간 : 05-27
05-27
4
시간 : 05-26
05-26
3
시간 : 05-26
05-26
2
시간 : 05-26
05-26
1
시간 : 05-25
05-25
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼