How to override a padding setting

url: http://artbeautiful.com

I have hidden the "Information" heading on my left nav and want close up the space above it. The issue is the padding set now for the class .sideBoxContent

.sideBoxContent class now has a padding setting of 1em that I am trying to override for the #informationContent div only

I have tried:

#informationContent.sideBoxContent {padding: none !important; }

and:

#informationContent .sideBoxContent {padding: none !important; }

and several other combinations that don't work.

I found that opening your tpl_information.php (either in your template_default directory, or your custom overrides directory) and changing:

<ul style="margin: 0;

to:

<ul style="margin:-25px 0 0 0;

will do what you need.

Yes, a negative margin works sometimes, but results in different browsers can be mixed. I was hoping to find a padding override that would keep the changes inside the div. Thanks for your suggestion. I have created a neg margin in the css for now, to avoid a template override. IE6 Win has a problem with it.

You could keep it within the div (which I think you may have done anyway) under the id #information, and use the negative margin. Maybe use the * html hack for IE6 only so it appears correct in all the major browsers i.e. * html #information{margin-top:-whatever}

Unfortunately, IE6 Win is prob THE most important browser to look correct in, since it is still used by the most PC users. So, do I correctly assume the IE hack will still cause the extra space to show above the text there?