테스트 사이트 - 개발 중인 베타 버전입니다

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

연구하고연구하고 9년 전 조회 3,957

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

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

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

 

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

제가 지금까지 찾아보고 연구해본 결과 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개

채택된 답변
+20 포인트
9년 전

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

홈짱
9년 전
이 테마에 유령 있는 것 같아요. ^^

저도, 한번 공부 차 봐봤는데, default.css 파일에서 슬라이드 관련 css 소스를 몽땅 제거해도,
메인 출력에는 이상 없더라구요. 근데, 신기하게 메인에서 소스보기로 하면, 관련 CSS 위치가 삭제된 소스 부분으로 나옵니다. 몇 번을 확인해봤는데, 정말.........이런 건 처음 봐용.ㅎ
작은별
9년 전
그런 현상은 거의 대부분 브라우저 캐시 때문입니다.
직접 설치해서 수정해봤는데 바로바로 반영 잘 됩니다.
연구하고연구하고
9년 전
작은별님 정성스런 답변 정말 감사합니다~ 큰 도움이 되었습니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인