/*
Home Feature BG Alt
---------------------------------------------------------------------------------------------------- */
.home-feature-bg-alt {
background: #fff;
}
.home-feature-bg-alt .wrap {
margin: 0 auto;
overflow: hidden;
padding: 120px 0 80px;
width: 1140px;
}
Tim,
Not sure where you are adding this to your .css. The above code is standard original from the Epik theme. Simply change the padding of 120 to 0px 0 80px;
This removes the white space. Is there a chance you are adding this to your “pink” section which you altered the colors? In other words, are you doing it twice? Or it’s causing a conflict if so?
I changed the color choices for my site by creating a whole new color selection, which then is available from the drop down menu in the WP customizer (Theme settings). I had to change the functions.php file to add the new “menu item”, and then I simply cut/pasted one of the existing color areas, and renamed it to my new color. This way any changes I did pertaining to color custimizations on the website would be retained in that “selection”.
// Create additional color style options
add_theme_support( 'genesis-style-selector', array(
'epik-black' => __( 'Black', 'epik' ),
'epik-blue' => __( 'Blue', 'epik' ),
'epik-darkblue' => __( 'Dark Blue', 'epik' ),
'epik-gray' => __( 'Gray', 'epik' ),
'epik-green' => __( 'Green', 'epik' ),
'epik-orange' => __( 'Orange', 'epik' ),
'epik-pink' => __( 'Pink', 'epik' ),
'epik-sage' => __( 'Sage', 'epik' ),
'epik-purple' => __( 'Purple', 'epik' ),
'epik-red' => __( 'Red', 'epik' ),
) );<!--formatted--><!--formatted-->
The above is the color choices, and I added “sage” (a light green). Then I changed the .css to this:
/* Epik sage
--------------------------------------------- */
.epik-sage a {
color: #8f9779;
}
.epik-sage .site-title a:hover {
color: #ddd;
}
.epik-sage .site-description {
color: #ddd;
}
.epik-sage .genesis-nav-menu a {
color: #fff;
}
.epik-sage .site-header .widget-area {
color: #eee;
}
.epik-sage .genesis-nav-menu a:hover,
.epik-sage .genesis-nav-menu .current-menu-item > a {
color: #5a604a;
}
.epik-sage .nav-primary .sub-menu a:hover,
.epik-sage .nav-secondary .sub-menu a:hover,
.epik-sage .site-header .sub-menu a:hover,
.epik-sage .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
.epik-sage .genesis-nav-menu .sub-menu .current-menu-item > a,
.epik-sage .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #4a6050;
}
.epik-sage h1 a,
.epik-sage h2 a {
color: #333;
}
.epik-sage h1 a:hover,
.epik-sage h2 a:hover {
color: #8f9779;
}
.epik-sage .head-wrap,
.epik-sage .welcome,
.epik-sage .home-feature-bg-dark,
.epik-sage .author-box,
.epik-sage .footer-widgets {
background: #8f9779;
color: #eee;
}
.epik-sage .head-wrap a,
.epik-sage .welcome a,
.epik-sage .home-feature-bg-dark a,
.epik-sage .author-box-title,
.epik-sage .author-box a,
.epik-sage .footer-widgets a {
color: #fff;
}
.epik-sage .head-wrap p,
.epik-sage .welcome p,
.epik-sage .home-feature-bg-dark p,
.epik-sage .author-box p,
.epik-sage .footer-widgets p {
color: #eee;
}
.epik-sage .archive-pagination li a:hover,
.epik-sage .archive-pagination li.active a {
background: #8f9779;
}
.epik-sage .content .portfolio .more-link,
.epik-sage .plan-button a {
background: #8f9779;
color: #fff;
}
.epik-sage .content .portfolio .more-link:hover,
.epik-sage .plan-button a:hover {
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-transition: all .5s ease;
opacity: .7;
transition: all .5s ease;
}
.epik-sage button,
.epik-sage input[type="button"],
.epik-sage input[type="reset"],
.epik-sage input[type="submit"],
.epik-sage .sidebar .enews-widget input[type="submit"],
.epik-sage a.button.small,
.epik-sage a.button.medium,
.epik-sage a.button.large,
.epik-sage .circle {
background: #8f9779;
}
.epik-sage .footer-widgets button,
.epik-sage .footer-widgets input[type="button"],
.epik-sage .footer-widgets input[type="reset"],
.epik-sage .footer-widgets .enews-widget input[type="submit"],
.epik-sage .footer-widgets a.button.small,
.epik-sage .footer-widgets a.button.medium,
.epik-sage .footer-widgets a.button.large,
.epik-sage .footer-widgets .circle {
background: #111;
}
.epik-sage .enews-widget input:hover[type="submit"] {
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-transition: all .5s ease;
opacity: .7;
transition: all .5s ease;
}
.epik-sage .footer-widgets input[type="submit"] {
background: #111;
}
.epik-sage .footer {
background: #8f9779;
}
<!--formatted--><!--formatted-->
This gave me a new color scheme, added to the existing choices. I could have deleted or renamed “pink” since I would never use that (or purple).
Anyway, your site, when I changed just that padding, took out the white space.
.
