Executive PRO theme is using the Genesis Responsive Slider. We need to modify the CSS little bit. I did following changes in the style.css file:
Go to line no 890 and replace the current with this one
.content .genesis_responsive_slider .slide-excerpt {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
margin: 0;
opacity: 1;
padding: 3%;
}
Go to line no 913 and replace the current code with this one
.content .genesis_responsive_slider p {
color: #ddd;
margin: 0;
}
Go to line no 954 and replace the current code with this one
.content .genesis_responsive_slider .flex-control-nav {
margin: -40px 0 0;
padding-left: 0;
text-align: center;
}
Now go to slider settings page (Genesis->Slider) and setup the width of excerpt content area is 35%. Also you will change the slider position from top to bottom
Works great! Thank you.
Excellent! I already had a custom.css I was using to keep track of my changes, so I just added your code to it. However, I wasn’t able to get the height of the area to match. Are you able to see why not?
http://184.154.247.53/~photos41/
Go to line no 38 of your custom.css file or you can find the element “.content .genesis_responsive_slider .slide-excerpt” and add a new line in this element
height: auto!important;