Hi Toby
Edit the row the Hero is in, click Layout on the right, set the row bottom margin to 0.
For the green row, rather apply the background color to the row settings, click the wrench icon far right then Design and add the bg color to the row, not the widget.
If you’re asking how to center the Calendar of Events link, you can add the following to Customize > Additional CSS
:
#top-bar .top-bar-text {
text-align: center;
width: 100%;
}