Genesis Responsive Slider – Styling or?

[Tom]

Hi all,

I'm having a play around with the Minimum Pro Theme, I wanted to remove the default Background Image and replace this section with a slider. So obviously I have chosen to use the Genesis Responsive Slider and have successfully created a widget area and hook for this to work.

I am trying to achieve a result like this though (http://bit.ly/1rErwDZ) so the ‘Featured Image’ appears in the background.

Currently, this is how the slider is displaying (http://bit.ly/1vu1CDB).

Is this just a case of tweaking the CSS?

Best,
Tom

/*
Genesis Responsive Slider
---------------------------------------------------------------------------------------------------- */

.genesis-responsive-slider {
  	border: none !important;
	padding: 0 !important;
}
 
.home .site-tagline {
	margin-top: 0;
}
 
.flex-control-nav li a,
.flex-direction-nav li a {
	border-bottom: none;
}
 
.flex-direction-nav li .prev {
	left: 0 !important;
}
 
.flex-direction-nav li .next {
	right: 0 !important;
}
 
.flexslider .slides img {
	width: 100%;
}
 
.flexslider {
	max-width: 100%;
}
 
@media only screen and (max-width: 500px) {
	.slide-excerpt p {
	    display: none;
	}
 
	.slide-excerpt h2 {
	    font-size: 1.5rem;
	    margin-bottom: 0;
	}
 
	.flex-direction-nav {
	    display: none;
	}
}

[Sridhar Katakam]

Setting up a responsive image in place of background in Minimum Pro

More @ http://sridharkatakam.com/tag/minimum-pro/

---

Genesis Tutorials | Follow me on Twitter

[Author]

Posts