메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다. 채택완료
메인 롤링배너의 크기를 줄이고 싶은데 도움 좀 부탁드립니다.
제가 초보자라 아무리 연구하고 찾아봐도 모르겠네요..
그누보드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 부분만 수정해도 세로 사이즈는 줄어들 겁니다.
답변에 대한 댓글 3개
직접 설치해서 수정해봤는데 바로바로 반영 잘 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
저도, 한번 공부 차 봐봤는데, default.css 파일에서 슬라이드 관련 css 소스를 몽땅 제거해도,
메인 출력에는 이상 없더라구요. 근데, 신기하게 메인에서 소스보기로 하면, 관련 CSS 위치가 삭제된 소스 부분으로 나옵니다. 몇 번을 확인해봤는데, 정말.........이런 건 처음 봐용.ㅎ