Make slider excerpt on Executive PRO theme look like Outreach PRO

modified-slider
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

Share This Article

Subscribe Membership Plan ($9.99/mo)

  • Get full access to all premium tutorials
  • Get Support for the posted content
  • Request for specific how-to tutorials
  • Cancel the subscription at anytime

Reader Interactions

3 Discussion to This Post

    • 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;

Leave A Reply

Your email address will not be published. Required fields are marked *