메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.
본문
메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.
제가 초보자라 아무리 연구하고 찾아봐도 모르겠네요..
그누보드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
올려주신 css 에서 수정하는 건 맞습니다.
대신 한두 군데 수정해서는 안되고 저 파란색 텍스트 부분 사이즈까지 손봐야 해서 여러 군데 수정해야 할 것 같네요. height:xx ,padding-top:xx 부분만 수정해도 세로 사이즈는 줄어들 겁니다.