Page 1 of 1
white space below owl slideshow
Posted: Sat Jan 21, 2017 10:44 pm
by premint
hi everyone, im using version 2.0
theres a large white space between the slideshow and the featured items below it on the front page that id like to remove if possible, site link
www.carbon-brushes.org.uk
also on a different site im having a problem with the featured items boxes all being different hights, is there a way i can make them all the same
thanks in advance
Re: white space below owl slideshow
Posted: Sat Jan 21, 2017 10:59 pm
by cyclops12
To remove the whitespace have a look in catalog/view/javascript/jquery/owl-carousel/owl-carousel.css around lines 86-101 you should see
Code: Select all
.owl-carousel {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
direction: ltr !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2);
overflow: hidden;
}
Just comment out the margin like so it will look like this
Code: Select all
.owl-carousel {
/*margin: 0 0 60px;*/
background: #fff;
border: 4px solid #fff;
position: relative;
direction: ltr !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2);
overflow: hidden;
}
Re: white space below owl slideshow
Posted: Sat Jan 21, 2017 11:11 pm
by premint
thanks thats exactly what i wanted
Re: white space below owl slideshow
Posted: Sat Jan 21, 2017 11:35 pm
by elsker-min-mathilde
For your other site - In your css just define a height property for the specified div :-)
Re: white space below owl slideshow
Posted: Tue Jan 24, 2017 2:49 am
by premint
hi can you be more specific about how to make all the featured items the same hieght thanks