Executive theme + Genesis slider on static homepage = Lost CSS styling ?

[Loudness]

Hi

Using the executive theme, which has a full widget home page. We now want to switch the home page to a static page. I was able to register the slider to show only on the homepage, but I loose all the css styling from the slider ? (There was a couple styling adjustment made to the slider)

This is the code used in the functions.php file :

add_action( 'genesis_before_content', 'executive_slider' );
function executive_slider() {

if ( ! is_front_page() && is_active_sidebar('home-slider'))
return;

genesis_widget_area( 'home-slider', array(
'before' => '<div class="home-slider widget-area"><div class="wrap">',
'after' => '</div></div>',
) );
}

Is there a special class that should be applied to the widget area ?

[Pixel Frau]

Is the slider within the content section? Do you have a link to the site? Here's the original CSS.

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

.home-slider li {
    margin: 0;
    padding: 0;
}

.content #genesis-responsive-slider {
    background: none;
    border: none;
    padding: 0;
}

.content .genesis_responsive_slider .slide-excerpt {
    background-color: #222;
    filter: alpha(opacity=100);
    height: 100%;
    margin: 0;
    padding: 4% 5.5%;
    opacity: 1;
}

.content .genesis_responsive_slider .slide-excerpt-border {
    border: none;
    margin: 0;
    padding: 0;
}

.content .genesis_responsive_slider h2,
.content .genesis_responsive_slider h2 a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.content .genesis_responsive_slider p {
    color: #ddd;
}

.content .genesis_responsive_slider p a {
    display: block;
    margin-top: 20px;
}

.content .genesis_responsive_slider .flex-direction-nav li a {
    background: url(images/icon-direction-nav.png) no-repeat -50px 0;
    background-size: 100px 98px;
    height: 49px;
    right: -20px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 50px;
}

.content .genesis_responsive_slider .flex-direction-nav li a:hover {
    background-position: -50px -49px;
}

.content .genesis_responsive_slider .flex-direction-nav li a.prev {
    background-position: 0 0;
    left: -20px;
}

.content .genesis_responsive_slider .flex-direction-nav li a:hover.prev {
    background-position: 0 -49px;
}

.content .genesis_responsive_slider .flexslider .slides > li {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.content .genesis_responsive_slider .flex-control-nav {
    margin: -50px 0 0 0;
    padding-left: 60px;
    text-align: left;
}

.content .genesis_responsive_slider .flex-control-nav li {
    margin: 0 0 0 5px;
    padding: 0;
}

.content .genesis_responsive_slider .flex-control-nav li a {
    background: url(images/icon-control-nav.png) no-repeat 0 0;
    background-size: 13px 39px;
}

.content .genesis_responsive_slider .flex-control-nav li a:hover {
    background-position: 0 -13px;
}

.content .genesis_responsive_slider .flex-control-nav li a.active {
    background-position: 0 -26px;
}

[Victor Font]

You have to either change the classes you defined in your home slider widget area declaration in functions.php OR change the CSS Pixel Frau provided you to match the classes you've declared in your declaration.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts