Sidebox Height Problems

[flyingbrick]

I'm having some difficulty with my sideboxes. I've installed the new 1.3.8a onto a site and have only 2 sideboxes - one on each side. The problem I'm having is that the sidebox on the right of the store seems to sit about 10px below the one on the left.

I've reviewed the code in the various files that seem to be controling this but can't find anything that will make the change I need. You can see the site at www.boltoncelebrates.org - not a store but the cart works well for what we're trying to do. Anyone know what files i need to edit to make the heights the same? Is it a setting within admin - like a ghost sidebox that's causing it to sit lower?

Thanks for your help!

[gjh42]

You have different top margins on left and right sideboxes in your stylesheet:

.leftBoxHeading {
	margin: 5px;
	position: relative;
	border: 1px solid #425227;
	background-color: #739240;
	padding: 0.5px 0.2px;
	}

.leftBoxContainer {
     border: none;
	}

.sideBoxContent {
	background-color: transparent;
	padding: 0.4em;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1em;
	height: 22px;
	color: #ffffff;
	}

.rightBoxHeading {
	margin-top: 15px;/* <----change to 5px*/
	margin-right: 5px;
	/*position: relative;*/
	border: 1px solid #425227;
	background-color: #739240;
	padding: 0.5px 0.2px;
	}

[clydejones]

I'm having some difficulty with my sideboxes. I've installed the new 1.3.8a onto a site and have only 2 sideboxes - one on each side. The problem I'm having is that the sidebox on the right of the store seems to sit about 10px below the one on the left.

I've reviewed the code in the various files that seem to be controling this but can't find anything that will make the change I need. You can see the site at www.boltoncelebrates.org - not a store but the cart works well for what we're trying to do. Anyone know what files i need to edit to make the heights the same? Is it a setting within admin - like a ghost sidebox that's causing it to sit lower?

Thanks for your help!

open your stylesheet.css and find the following declarations and make sure the margin settings are the same for both:

.leftBoxHeading {
margin: 5px;
position: relative;
border: 1px solid #425227;
background-color: #739240;
padding: 0.5px 0.2px;
}


.rightBoxHeading {
margin-top: 15px;
margin-right: 5px;
/*position: relative;*/
border: 1px solid #425227;
background-color: #739240;
padding: 0.5px 0.2px;
}

[flyingbrick]

I played around with those at one point and they didn't do anything - interesting.

[gjh42]

Exactly what file did you edit? It worked when I just tested it on your site.

[flyingbrick]

Its working now.