Jump to content

shortening the home slider module


Recommended Posts

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

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 by npr321 (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...