wrapper widget fix

[xmarine84]

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;

}

[TheDoc]

Do you have a link?

I’m guessing that there is padding to the left and right of the list.

[xmarine84]

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 below for result of above code

[Author]

Posts