I created a widget called "benefit-widget" and would like to have "0" margin for this specific widget. As is, the overall Atahualpa theme 3.7.1. adds a 15px margin at the bottom. Below this widget, I have a menu bar and so have an unwanted 15 pixel gap between this widget and the menu bar.
I tried adding this to the HTML/CSS Inserts:
div#benefit-widget { margin: 0 !important;}
I Tried,
div#benefit-widget { margin: -10 !important;}
I tried,
div#benefit-widget { margin: "" !important;}
I tried,
div#benefit-widget { margin: "0" !important;}
and I tried,
div#benefit-widget { margin: "0 0 0 0" !important;}
None of the above worked. Is this the correct way to specify a margin for a specific widget? I don't want to change margins for the other widgets -- only this one.
Thanks very much