@seth17 - Yeah, your CSS file is all minified so everything runs together. You should try using the developer tools in your browser to inspect the elements so you can see what's going on easier. I personally prefer using the Firebug extension with Firefox. If you refer back to the first screenshot, you can see the rule that was disabled..
#content .post ul li, #content .page ul li, #header .widget-area ul li {
background: url("http://medianegotiator.net/wp-content/themes/prose/images/post-list.png") no-repeat scroll left top transparent;
margin: 0 0 3px;
padding: 0 0 3px 16px;
}
The CSS rule I suggested worked fine for me.. you can see it added at the end of the CSS and that it fixed the float problem.
screenshot: http://grab.by/8Ufv
That said, you can try using the inheritance this way instead. It should work fine.
body #content .post .gform_wrapper .gform_body ul li,
body #content .page .gform_wrapper .gform_body ul li,
body #header .widget-area .gform_wrapper .gform_body ul li {padding-left:0}
screenshot: http://grab.by/8UfN
Posted 13 years ago on Friday February 11, 2011 |
Permalink