main page Header Slider 글자위치 해상도별 위치
관련링크
본문
위의 주소 header slider 글위치가 해상도별로 변경됩니다
해상도가 변해도 일괄적으로 중앙에 오도록 하려면 어떻게 해야 할까요?
2. Slider 이미지가 중간이 아닙니다 해상를 키우면 이미지기 왼쪽기준으로 나오는데 이미지를
중앙에 위치하게 할수있나요?
/*---------- Header Slider ----------*/
.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 > .container {position:relative;z-index:5}
.header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-align:center;margin:-620px 0 30px}
.header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;text-align:center; margin:10px 0 30px}
.header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;text-align:center; margin:10px 0 30px}
@media (max-width:1920px) {
.header-slider-bg h1 {font-size:54px;line-height:80px;margin-bottom:00px}
.header-slider-bg h2 {font-size:12px;font-weight:600;color:#fff;text-align:center; margin:10px 0 30px}
}
@media (max-width:992px) {
.header-slider-bg h1 {color:#fff;font-size:18px;font-weight:600;text-align:center; margin:-200px 0 30px}
.header-slider-bg h2 {font-size:12px;font-weight:600;color:#fff;text-align:center; margin:10px 0 30px}
.header-slider-bg p {display:none}
}
답변 1
텍스트는 해상도별로 가운데로 가는걸로 보입니다,,
현재 bacgkround가 아닌 img로 bg를 깔아서 아래 속성으로 화면을 채울 수 있습니다.
.header-slider-bg > img {width:100%} 추가
