I have been looking all morning on how to remove the white divider/spacer below the image carousel on http://mynaughtylittlesecret.com/
also, on the manufacturer slider the white spacer below that needs removing too.
I've been looking at some other topics on the same issue and they have said to change:
Code: Select all
/* content */
#content {
min-height: 600px;
}
Code: Select all
/* content
#content {
min-height: 600px;
}*/
Code: Select all
/* footer */
footer {
margin-top: 30px;
padding-top: 30px;
background-color: #303030;
border-top: 1px solid #ddd;
color: #e2e2e2;
}
And finally removing the border completely by changing catalog/view/javascript/jquery/owl-carousel/owl.carousel.css from this:
Code: Select all
.owl-wrapper-outer {
border: 4px solid #fff;
-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);
}
Code: Select all
.owl-wrapper-outer {
border: 4px solid #fff;
-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);*/
}
I have done all of the above but I am still left with the white space below both carousels.
Any help would be appreciated, thanks!