basic2 반응형 테마 메인 슬라이더 이미지 센터에 정렬 방법있는지요?
1,434
2017.06.28 21:32
첨부파일
-
- 첨부파일: K-005.jpg (138.9K)0 2017-06-28 21:32:24
적용 테마명 또는 스킨명
-
적용 테마명 또는 스킨명 : basic2
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3pW 주소복사
본문
아무리 검색해도 안나오는데 헤더 슬라이더 이미지를 센터에 고정하고싶은데
도저히 알수가 없네요
도와주세요 ~~
0
좋아요!
레벨 3
경험치 801
Progress Bar 34%
- 가입일 : 2016-05-17 14:31:41
- 서명 :
- 자기소개 :
댓글목록
탱크님의 댓글
해결했습니다.
http://eyoom.net/bbs/?t=Z9 버즈팔님 자료 참고해서
style.css 파일 280 번줄 /*---------- Header Slider ----------*/ 이부분을
.header-slider-bg {z-index:1;padding:10px 0;position:relative;overflow:hidden;text-align:center;height:400px}
.header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";background:rgba(0,0,0,0.0)}
.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}
.latest-slider-tb .slider-img img.displayed {
display: block;
margin-left: auto;
margin-right: auto
}
이렇게 수정하고
css 파일 첫줄 수정한게 여백 110 있었는데 저거때문에 상단에 공간생겨서 10으로 줄이니 괜찮아지더군요
head._bs.html
<div id="eCarousel-tb" class="latest-slider-tb carousel slide carousel-tb">
<div class="carousel-inner">
<div class="header-slider">
<div id="owl-header-slider" class="owl-carousel owl-theme" >
<div class="item header-slider-bg" >
<div class="slider-img">
<img src="../image/header_slider/main1.jpg" class="img-responsive displayed">
</div>
</div>
<div class="item header-slider-bg" >
<div class="slider-img">
<img src="../image/header_slider/main2.jpg" class="img-responsive displayed">
</div>
</div>
</div>
</div>
</div>
축하합니다. 지뢰폭탄 포인트 42포인트를 획득하였습니다.