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
To remove the whitespace have a look in catalog/view/javascript/jquery/owl-carousel/owl-carousel.css around lines 86-101 you should see
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;
}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;
}For your other site - In your css just define a height property for the specified div :-)
Who is online
Users browsing this forum: No registered users and 3 guests
