Tighten up padding between menu and slider

Hi,
Can you please try applying the following CSS rules in Appearance > Customize > Additional CSS ?

.site-header-main {
	padding: 2rem 0;
}

.site-content {
	padding: 0
}

.container {
	padding-bottom: 0 !important;
}

Thanks for your help. I tried adding your code but it did not change anything. Maybe I placed the code in the wrong location. This is what “Additional CSS” looks like after adding your code and saving the edit.

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
site-header-main {
padding: 2rem 0;
}

site-content {
padding: 0
}

container {
padding-bottom: 0 !important;
}

You are missing a ; after the 0 under the site-content section

those missing ; will screw you every time! ??

Thanks NikolaAnne. I did what you suggested but there was no change. Here is a new screen shot. https://localhost/wordpress/wp-content/uploads/2017/09/FireShot-Capture-012-Customize_-LJHS-Class-of_-http___localhost_wordpress_wp-admin_customize.php_.jpg

I would like to eliminate the white space above and below the slide show widget.