basic2 반응형 테마 메인 슬라이더 이미지 센터에 정렬 방법있는지요?
1,342
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
- 서명 :
- 자기소개 :
Total 3건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
댓글목록
탱크님의 댓글
해결했습니다.
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포인트를 획득하였습니다.