css - How can I manipulate this CSS so the background color matches the header?

Question

I'm using a text widget, Black Studio TinyMCE, in WordPress. For some reason, I cannot get the background color to match the background of the header (#192E82). Currently, the header looks like this -- as you can see, there's a white outline surrounding the text area:

And when I Firebug the selection, Firebug shows this:

I can add whatever custom CSS I'd like to. But I'm not sure how to do so. I'm unsure which class I should use a # before, if any, or which class I should use a . before. Ultimately, I'd like to make that white area around the edge to match the background color of the header.

For instance, this doesn't work -- in fact, nothing I've tried works!

#widget-wrap .textwidget {
background-color:#192E82;
}

Does anybody know how I can accomplish getting the white to match the header background? Any guidance would be appreciated!

EDIT: Here's a Fiddle of everything I could find:

http://jsfiddle.net/jasonpaulweber/nvkVT/

Answer 1

仅包含信息很难给出准确的答案，但我会一次检查一个元素，从<strong>层次结构中的 和向上，并查找具有白色背景色和填充或厚白色的元素边界。如果你这样做，我相信你会发现它。一旦您确定了它，请告诉我，我会尝试帮助您使用 CSS 选择器来定位它。

Answer 2

根据小提琴，空白是 header-right 元素的填充

你应该设置

#header-right {
    background-color:#192E82;
}