[[email protected]]

Strike that. I got it! 🙂

.slide-excerpt-border {
border: none !important;
}

#genesis-responsive-slider {
border: none !important;
padding: 0 !important;
}

.home #front-page-1 .flexible-widgets {
padding-bottom: 50px;
}

.home #front-page-1 .image-section {
height: auto !important;
}

.home #front-page-1 .widget.genesis_responsive_slider {
margin-bottom: 0;
}

.home #front-page-1 .widget.genesis_responsive_slider ul li {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

@media only screen and (max-width: 1023px) {
.home #front-page-1 .flexible-widgets {
padding-top: 30px !important;
}
}

[[email protected]]

Hi Matt - thanks for the help! I couldn't find where that height 667 px, but it helped me sherlock out the problem. I used \

#front-page-1 .image-section {
height: 500px !important;
}

And it seems to have worked like a charm!

But now another small issue. I've set up the Responsive slider and tried to eliminate the borders around the images. I've almost succeed, but there's still a white border at the bottom of my images. Any ideas? I used:

.slide-excerpt-border {
border: none !important;
}

#genesis-responsive-slider {
border: none !important;
padding: 0 !important;
}

[Author]

Posts