How we can hide the header and footer of the widget? 

Right click on the header or the footer, select 'Inspect element' and determine what the ID of the widget is.

Then target it in CSS (you've been given loads of example previously) and do display:none