헤더 슬라이더 사이즈 수정 방법
564
2016.12.13 13:25
적용 테마명 또는 스킨명
-
적용 테마명 또는 스킨명 : basic2
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3gW 주소복사
본문
안녕하세요.
다름이 아니고 헤더 슬라이더 사이즈 수정 어디서 하나요?
질문게시판 검색 결과도 정확하지 않습니다.
자세한 설명 부탁드립니다.
고맙습니다.
0
레벨 4
경험치 1,810
Progress Bar 77%
- 가입일 : 2016-04-04 09:40:18
- 서명 :
- 자기소개 :
Total 2,281건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
---|---|---|---|---|
2,281 | 이상민님 | 2017.07.28 | 3,402 | |
2,280 | 플레이온 | 2017.07.25 | 988 | |
2,279 | 돌맹이 | 2017.07.24 | 2,383 | |
2,278 | Hubert | 2017.07.21 | 1,644 | |
2,277 | Hubert | 2017.07.18 | 1,084 | |
2,276 | 종달 | 2017.07.16 | 853 | |
2,275 | 종달 | 2017.07.09 | 2,098 | |
2,274 | 잘안되네요 | 2017.07.07 | 654 | |
2,273 | 잘안되네요 | 2017.07.06 | 729 | |
2,272 | m3palma | 2017.07.05 | 822 | |
2,271 | 드봉 | 2017.07.05 | 1,586 | |
2,270 | ㄷㅊㅎ | 2017.07.04 | 741 | |
2,269 | 플래닛 | 2017.07.01 | 1,303 | |
2,268 | 김기린님 | 2017.06.29 | 1,705 | |
2,267 | 자유롭게 | 2017.06.29 | 1,748 | |
2,266 | 탱크 | 2017.06.28 | 1,438 | |
2,265 | 사이트메이크 | 2017.06.26 | 866 | |
2,264 | red123 | 2017.06.23 | 931 | |
2,263 | 사이트메이크 | 2017.06.22 | 702 | |
2,262 | 사이트메이크 | 2017.06.22 | 920 |
댓글목록
이윰EGG님의 댓글
사이즈를 어떻게 수정할지에 대한 구제적인 질문이 없어 높이 수정에 대해서만 답해드립니다.
/eyoom/theme/테마명/css/style.css 파일 'Header Slider' 부분을 검색 이동하면 아래 관련 css 소스가 있으며 관련해서 수정을 하면 되겠습니다.
높이는 .header-slider-bg 에 height 값이 있으며 이를 수정하면 됩니다.
반응형에 맞춰 수정을 한다면 아래와 같은 형식을 응용하면 되겠습니다.
767px 이하일때
768px 이상일때
감사합니다.
축하합니다. 첫댓글 포인트 63포인트를 획득하였습니다.
부끄럼소년님의 댓글
답변 고맙습니다.
아래 부분에서 높이는 200px으로 수정을 했습니다.
하지만 가로 길이는 어느부분을 수정해야하는지요?
송구하지만 구체적으로 답변 부탁드립니다.
-------------------------------------------------------------------------------------------------------------------------------------------------------------
/*---------- Header Slider ----------*/
.header-slider-bg {z-index:1;padding:110px 0;position:relative;overflow:hidden;text-align:center;height:200px}
.header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";background:rgba(0,0,0,0.35)}
.header-slider-bg > img {position:absolute;top:0;left:0}
.header-slider-bg > .container {position:relative;z-index:3}
.header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-transform:uppercase;margin:0}
.header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;margin:10px 0 30px}
.header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;margin:0}
@media (min-width: 768px) and (max-width: 991px) {
.header-slider-bg {padding:100px 0 0}
}
@media (max-width: 767px) {
.header-slider-bg {padding:70px 0 0;height:250px}
.header-slider-bg h1 {font-size:24px;line-height:40px;margin-bottom:20px}
.header-slider-bg p {display:none}
}
@media (max-width: 430px) {
.header-slider-bg {padding:40px 0 0;height:180px}
.header-slider-bg h1 {font-size:18px;margin-bottom:10px}
.header-slider-bg h2 {font-size:12px}
-------------------------------------------------------------------------------------------------------------------------------------------------------------