Loading the content...
안녕하세요.
다름이 아니고 헤더 슬라이더 사이즈 수정 어디서 하나요?
질문게시판 검색 결과도 정확하지 않습니다.
자세한 설명 부탁드립니다.
고맙습니다.
Progress Bar 77%
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
| 제목 | |||||||
|---|---|---|---|---|---|---|---|
부끄럼소년
2017.04.13
1,052
0 |
|||||||
|
부끄럼소년
2017.04.12
914
0 |
|||||||
|
부끄럼소년
2017.03.01
485
0 |
|||||||
|
부끄럼소년
2017.02.28
4,324
0 |
|||||||
|
부끄럼소년
2017.02.23
1,387
0 |
|||||||
부끄럼소년
2017.02.12
431
0 |
|||||||
|
부끄럼소년
2017.02.12
417
0 |
|||||||
|
부끄럼소년
2017.02.12
875
0 |
|||||||
|
부끄럼소년
2017.02.09
435
0 |
|||||||
|
부끄럼소년
2016.12.13
512
0 |
|||||||
|
부끄럼소년
2016.11.28
459
0 |
|||||||
|
부끄럼소년
2016.11.20
752
0 |
|||||||
부끄럼소년
2016.11.16
509
0 |
|||||||
|
부끄럼소년
2016.11.15
1,252
0 |
|||||||
|
부끄럼소년
2016.11.11
462
0 |
|||||||
댓글목록
이윰EGG님의 댓글
사이즈를 어떻게 수정할지에 대한 구제적인 질문이 없어 높이 수정에 대해서만 답해드립니다.
/eyoom/theme/테마명/css/style.css 파일 'Header Slider' 부분을 검색 이동하면 아래 관련 css 소스가 있으며 관련해서 수정을 하면 되겠습니다.
높이는 .header-slider-bg 에 height 값이 있으며 이를 수정하면 됩니다.
반응형에 맞춰 수정을 한다면 아래와 같은 형식을 응용하면 되겠습니다.
767px 이하일때
@media (max-width: 767px) { .header-slider-bg {height:250px} }768px 이상일때
@media (min-width: 768px) { .header-slider-bg {height:250px} }감사합니다.
축하합니다. 첫댓글 포인트 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}
-------------------------------------------------------------------------------------------------------------------------------------------------------------