Extra space on front page after content

Hello,

Try the following CSS

@media screen and (min-width: 1020px) { .front-page-widget-area { padding-top: 10px; } }

Hope that helps.

element {width: 25%;padding: 0px 10pt 0px 0px;float: left;}

Add this to your custom css.

@ebaugh, I tested the CSS provided by @mythemeshop and it worked out for me. ??

In case you’re not aware: To add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can enable its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

@media screen and (min-width: 1020px) {
.front-page-widget-area {
    padding-top: 10px;
}
}

You can increase/decrease the value of padding-top to increase/decrease the amount of space at the top of your widget area.

Let us know how you get on or if you have any extra questions.

Thank you all so much for the help. The suggestions definitely changed the spacing but I am trying to actually decrease a different space. I am trying to remove the extra grass from the bottom of the header (which is directly below my slider). Ideas?

https://www.upstreamalliance.org

I see this in your current custom CSS:

body.hero-image .hero.without-featured-image {
  padding-top: 250px ! important;
}

If you add one line to that piece of code to zero out the bottom padding, that seems to do the trick, but let me know if this isn’t what you’re after:

padding-bottom: 0;