How to modify the margins of the HTML Widget

By default HTML Widget adds margins. In this example I will focus on the top margin, but the principle is the same for all four sides.

You can remove / modify the margin size with Custom CSS.

/*Remove white space on top of HTML Widget */
.custom-html-widget-wrapper
{
margin-top: 0px !important;
 }

The !important rule will override ALL previous styling rules for that specific property on that element.

The is the code in the Custom CSS editor for you CC.

Now you can see the margin is removed.