Wrapper module fix

[usxmarine]

How can I trim the excess white space on each widget so that the widget title gray wrapper fits neatly into the wrapper container? I've attached an image and copied and pasted the code being used.

h4.widget-title {
text-indent: -9999em;
}

ul {
        list-style: url('images/INCS-bulletimage copy.jpg');
}

#text-2 {
        background: none;
}

#text-2 h4.widget-title {
        background: url("images/INCS-security copy.jpg") no-repeat;
}

#text-3 {
        background: none;
}

#text-3 h4.widget-title {
        background: url('images/INCS-software copy.jpg') no-repeat;
}

#text-4 {
        background: none;
}

#text-4 h4.widget-title {
        background: url('images/INCS-support copy.jpg') no-repeat;
}

#builder-module-503970c0b3f1c .widget {
        padding-top: 0;
background-color: white;

}

#builder-module-503970c0b3f1c .builder-module-sidebar h4.widget-title {
        height: 34px;
        margin-top: 0 !important;
background-color: white;
margin-right: -20em;
}

[usxmarine]

ok i added some coding for padding as shown here:

#builder-module-503970c0b3f1c .widget {
        padding-top: 0;
padding-left: 5px;
padding-right: 9px;
background-color: white;
}

and that got me a bit closer to my goal but not finished. see attached for result of above code

[sunfighter]

Without html code the css is meaningless. We need both. But if you made the area that contains all the TEST things the same width as your title images things would look better.