메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.

메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.

QA

메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.

본문

메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.

제가 초보자라 아무리 연구하고 찾아봐도 모르겠네요..

그누보드5 테마 자료실에 있는 company 테마를 이용하고 있는데

e100b1b3c033582fcc68fe73c5051990_1477561751_3674.png

 

그림에 보시면 빨간 줄 그어놓은 곳까지 메인 롤링배너의 위치를 낮추든지 또는 메인 롤링배너의 크기를 줄이고 싶습니다. 

제가 지금까지 찾아보고 연구해본 결과 css에서 뭘 찾으면 되는 것 같은데..

숫자란 숫자는 다 줄여보고 바꿔봐도 안 되네요..

도움 좀 부탁드립니다

 

css에서 메인 배너의 소스는

 

/*메인배너*/
#main_bn {background:#f1f1f1;position:relative;overflow: auto;width:100% !important}
#main_bn .bn_ul li{height:645px;float: left;}
#main_bn li.bn_bg1{background:url(../img/main_bn.jpg) no-repeat 50% 50%; background-size: cover;display: table;-ms-filter: sizingMethod='scale' property}
#main_bn li .bn_wr{width:1000px; margin:0 auto;padding-top:217px}
#main_bn li .bn_txt{background-color:rgba(39, 120, 197,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#902778c5,endColorstr=#902778c5);width:283px; height:205px;padding:25px}
#main_bn li .bn_txt h2{text-shadow: 0 1px 1px rgba(0, 0, 0, .3);color:#fff;font-size:2.667em;line-height:40px;margin-top:35px}
#main_bn li .bn_txt p{color:#fff;background:url(../img/bn_pbg.jpg) no-repeat top left;padding-top:20px;margin-top:20px ;font-size:1.34em;line-height:23px;}
#main_bn .bn_btn{position:absolute;top:240px;left:50%;width:1000px;margin-left:-470px}
#main_bn .bn_btn .prev{background:url(../img/bn_btn.gif) no-repeat;border:none;width:24px;height:24px;text-indent:-9999999px;overflow:hidden;display:inline-block}
#main_bn .bn_btn .next{background:url(../img/bn_btn.gif) no-repeat -27px 0;border:none;width:24px;height:24px;text-indent:-99999999px;overflow:hidden;display:inline-block}
#main_bn .dots{position:absolute;bottom:70px;text-align:center;width:100%}
#main_bn .dots li{border:none;text-indent:-9999px;width:48px;height:4px;background:#3e3c52;overflow:hidden;display:inline-block;margin:0 ; zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}
#main_bn .dots li.active{background:#3d96d6}

 

이렇습니다.
 

이 질문에 댓글 쓰기 :

답변 1

올려주신 css 에서 수정하는 건 맞습니다.

대신 한두 군데 수정해서는 안되고 저 파란색 텍스트 부분 사이즈까지 손봐야 해서 여러 군데 수정해야 할 것 같네요. height:xx ,padding-top:xx 부분만 수정해도 세로 사이즈는 줄어들 겁니다.

이 테마에 유령 있는 것 같아요. ^^

저도, 한번 공부 차 봐봤는데, default.css 파일에서 슬라이드 관련 css 소스를 몽땅 제거해도,
메인 출력에는 이상 없더라구요. 근데, 신기하게 메인에서 소스보기로 하면, 관련 CSS 위치가 삭제된 소스 부분으로 나옵니다. 몇 번을 확인해봤는데, 정말.........이런 건 처음 봐용.ㅎ

답변을 작성하시기 전에 로그인 해주세요.
전체 105
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT