Bringing icons to top of side box

I have added two icons (rapid ssl icon and pci compliant icon) to a side box entitled Safe and Secure on the front page of my shopping cart, however, they appear to be down in the middle of the box instead of flush with the top of the box.

I want them to be centered with the sides of the box (which they are), but also want them to be at the top of box.

How do I correct this minor irritation?
Thanks!

oh, also, how do i get a space between the two icons?

mooncavecrystals:

I have added two icons (rapid ssl icon and pci compliant icon) to a side box entitled Safe and Secure on the front page of my shopping cart, however, they appear to be down in the middle of the box instead of flush with the top of the box.

I want them to be centered with the sides of the box (which they are), but also want them to be at the top of box.

How do I correct this minor irritation?
Thanks!

Moon, you really don't say what sidebox you are using. I used the add-on "Blank Sidebox. With it you can just edit the html to achieve your desired results. It is in the download section, very easy to install and configure.

A link will let us give accurate advice quickly...

Yes, it is a blank sidebox module and is located on the bottom left of the main page http://www.mooncavecrystals.com/shopping

Easier than I thought.

You have an empty <p> element that is taking up a lot of space. Add this to your stylesheet:

#blanksideboxContent p {display: none;}

If you see an easy way to eliminate that <p> from the sidebox file, that would be the best solution of all.

You might also want to give the graphics some breathing room:

#blanksideboxContent center {padding: 5px 0;}

Thanks! yes, there is a file--i found it last night when i removed some wording i had in that box......now if I can just remember where it is.....:oops:

thanks so much for your help!!