Unwanted space in footer

I have set up a 1 column footer and placed within the footer widget a text element that contains shortcode. The short code is appearing just fine in the footer except that there is a row or area of extra space above what the shortcode says to display. I was able to reduce the size of that unwanted space by adding:

#footer .first.el_before_ {display:none;
padding: 0px!important;
margin:0;}

However, some extra spacing still remains. I tried adding the following CSS, but that did not resolve the issue:

#footer .container_wrap.footer_color{
padding: 0px!important;
}

Screenshot: https://snag.gy/4qpVnt.jpg