Gap between sidebox header and border, but only on one side.

[kindred_kountry]

I'm trying to remove the extra space between the border around my sidebox content and the header to make it appear as if it is hanging from the header graphic.

I've managed to adjust the left side by changing this


.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/BGCprimlight3.gif);
padding: 0.5em 0.2em;

to this....

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/BGCprimlight3.gif);
padding: 0.0em 0.2em


Here is before and after shots to show the problem.

http://picasaweb.google.com/simply.h...lesOfSideboxes

If you notice the sidebox on the right still has a small gap.

I tried changing the other 0.2em to 0.0em also, but this still did not change it.

Does anyone know what to change to make the right side correct?

TIA!

~Blessings~
Christy

[kobra]

While pictures are great to show the issue it is still a guessing game and a url would provide much more specific responses...

other entries also could affect the space and you might look at these among others:

.leftBoxContainer, .rightBoxContainer {
	border: 3px solid #f7bd00;
	margin: 0 0 1em 0;
}

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

[kindred_kountry]

The page is here....

http://www.simplyheartfelt.biz/index.php?main_page=

Thanks Kobra.

[kobra]

For some reason the position & size of the right versus left heading image is a few pixels higher on the right...actually the image is the same height it is the container leftBoxHeading versus rightBoxHeading that is rendering differently. I did not track this down as the actual image is not applied in the css code.

The following does correct it for what you have showing currently but no telling if you add others.

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: #e1d7bd;
	padding: 0.0em 0.0em;
	}
.rightBoxHeading {
	margin-bottom: -0.4em;
	background-color: #e1d7bd;
	padding: 0.0em 0.0em;
	}

[Sketchy]

Ah yes... the search sidetop image lift. It's a known issue with the search heading classed to "LABEL". Revert any changes that were utilized to drop this specific space issue.

In your current stylesheet.css, find;

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

Maybe replace above with;

h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL   {
	line-height: 1.5em;
	padding: 0em;
	}

That should knock the air out of the top and sit things right...and hopefully not affect anything else negatively.

[kindred_kountry]

Sketchy,

This worked! Thanks!

Christy

[OFelixCulpa]

Hi. I am a newbie setting up a new store, but I just encountered what I think is the same issue. The headings for the Manufacturers, Music Genres, Record Companies, Search, and Currencies sideboxes all have the LABEL element applied to them with no attributes. This is causing me problems because I was trying to change the font size for sidebox headings--all the headings change as anticipated except those four.

I have looked at it long enough to come up with 2 or 3 ways which might fix it, but I am still wondering if there is a reason that those four sidebox headings (and none of the others) have the LABEL element applied to them.

Perhaps I could get opinions about my fix ideas as well:

1) Create override files for those sideboxes and remove the LABEL elements
2) Remove LABEL from the two places in the stylesheet where it is declared generally (lines 51 and 98 in the template_default stylesheet)
3) Add ".leftBoxHeading LABEL" to lines 479 and 484 and ".rightBoxHeading LABEL" to lines 505 and 511 (template_default stylesheet) to make the LABEL element conform to the sidebox heading for sidebox headings only.
4) Add IDs in the stylesheet to override the effect of the LABEL element on those boxes (e.g. #manufacturersHeading, #musicgenresHeading, #recordCompaniesHeading, #searchHeading, #currenciesHeading)

I hope I'm making sense. Thanks for any help!

[kindred_kountry]

Kobra,

I tried what both you and Sketchy suggested, but when trying yours, it left the right side sitting slightly lower (from just beneath the login bar) then the other side.

Thanks for your time and effort, it is greatly appreciated!

Christy

[kobra]

Thanks Sketchy, and I am sure that kindred is grateful also...

"LABEL"...I remember now!!!

BTW: How are you getting along?