HH Services Limited Posted July 23, 2014 Share Posted July 23, 2014 About reducing the height of the slider, so that the wide still being 779px the height is shorter, allowing a shorter image without moving down the next module (in my case the home text editor module)? Anybody has any idea on how to do this? Thank you.. Link to comment Share on other sites More sharing options...
HH Services Limited Posted July 23, 2014 Author Share Posted July 23, 2014 Solved: by changing the homeslider.css file in \themes\default-bootstrap\css\modules\homeslider at: #homepage-slider { padding-left: 0; padding-right: 0; margin-bottom: 14px; max-width: 100%; max-height: 100%; overflow: hidden; position: relative; change max-height to 450px for saying a number and voila the image will appear shorter and the module located below will move up, because just changing the image for a smaller one will leave the below module way to down since the slider takes its determined height... Link to comment Share on other sites More sharing options...
HH Services Limited Posted July 23, 2014 Author Share Posted July 23, 2014 (edited) now we need to move up the next prev buttons or they will dissapear... Anybody knows? I tried: this path: modules\homeslider\css homeslider.css file and change: } /*next button*/ .bx-next { display:none; position:absolute; top:40%; right:-50px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(../img/gray_next.png) no-repeat 0 -30px; } /*previous button*/ .bx-prev { display:none; position:absolute; top:40%; left:-50px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(../img/gray_prev.png) no-repeat 0 -30px; for: } /*next button*/ .bx-next { display:none; position:absolute; top: 10px; right:-50px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(../img/gray_next.png) no-repeat 0 -30px; } /*previous button*/ .bx-prev { display:none; position:absolute; top: 10px; left:-50px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(../img/gray_prev.png) no-repeat 0 -30px; } and no changes on front office... anybody knows this one? Edited July 23, 2014 by npr321 (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts