Need some help with custom CSS to eliminate space

[jbekefy 0]

Hi, I've implemented a map plug-in on a basic pagelines template page, seen here: http://ec2-184-72-43-144.us-west-1.compute.amazonaws.com/?page_id=120 I would like to eliminate the space below the map header and the jquery text I have at the bottom. I have used Firefox and Firebug to identify the code and successfully edit it. Code here: #map_sidebar { background-color: transparent; font-size: 11px; font-weight: normal; height: 40px; overflow: auto; text-align: justify; The hang-up is that when I cut and paste this into the settings/custom code field and save it, no changes re reflected. I must be missing something with regards to CSS??”I'm a total novice??”any help would be appreciated. Thanks!

[Rob 547]

Try adding this to Custom Code in CSS Rules [code]#highlight .content-pad .highlight-area { padding: 0; }[/code]

[jbekefy 0]

Thank you, that didn't work. I fear it is something with the map plug-in, but it seems ridiculous I can't edit the margin or that the code i found with firebug doesn't function.

[kastelic 6]

try this: [code]#map_sidebar { height: 70px !important; }[/code]

[jbekefy 0]

kastlic, thank you very much.