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
|
1 2 3 4 5 6 |
.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
|
1 2 3 4 |
.content .genesis_responsive_slider p { color: #ddd; margin: 0; } |
Go to line no 954 and replace the current code with this one
|
1 2 3 4 5 |
.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;