Sidebox Heading Height

[joyjoy]

Hello again...these darn sideboxes will be the death of me...

How do I adjust the height for the headers on these boxes? Thank you!

[joyjoy]

I GOT it. Yay!

[joyjoy]

Okay, no I didn't. I figured out how to make the header smaller on the side boxes, but the text does not follow...help?

[gjh42]

.leftBoxHeading, .rightBoxHeading {font-size:0.9em;}
.leftBoxHeading a, .rightBoxHeading a,.leftBoxHeading label, .rightBoxHeading label {font-size:1.0em;}

Adjust these rules as required. There may also be others that apply, but we can't tell without seeing your site.

[joyjoy]

www.funhn.com/shop

maybe I'm adjusting the height of the sidebox headers incorrectly...if I change the font size it just makes it smaller. I need it to actually shift up.

[gjh42]

By "height", you mean "position"? I see, you are referring to the position of the text in the heading box.
This is a conflict

stylesheet.css (line 590)

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
background-color:#9D9D9D;
font-size:0.9em;
height:0.5em;
margin:0;
padding:0.5em 0.1em;
}

The top and bottom padding alone add up to twice the defined height of the element, nevermind the text height.

This will make the boxes small and the text centered in them:

stylesheet.css (line 590)

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
background-color:#9D9D9D;
font-size:0.9em;
height:1.5em;
margin:0;
padding:0 0.1em;
}

[joyjoy]

Whooo hoooo! THANK YOU!

Okay, what about my top/bottom nav bars? I tried the same thing but it's not working out.

[joyjoy]

The categories on my page have all different sizes...I've tried to adjust them but there are so much conflicting codes in this stylesheet that I must be missing it somewhere....

Frustrated, isn't the idea of a stylesheet to help lessen coding issues...

[gjh42]

You mean the headings? Add this to even out the ones that are also "labels"

.leftBoxHeading label, .rightBoxHeading label {font-size:1.0em;}

You need to be able to look at a page and know the classes and ids that apply to elements. Get Firefox and its Web Developer and Firebug extensions - they will help you get information and test styling.

[joyjoy]

Yes the headings on the side boxes. Some are bigger than others, i don't know all the font codes to adjust to get them uniform.