Sidebox Heading Height

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!

I GOT it. Yay!

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?

.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.

https://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.

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;
}

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;
}

Whooo hoooo! THANK YOU!

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

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... :frusty:

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.

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.

I have Firefox at home...I'm on my office computer.

I've tried to deciher all the codes, as you can see in my source and lable them...but then I find another code somewhere else that contains values as well. It's just messy...I wish I could fix it without wasting 7 hours.

The stylesheet, like a lot of files in Zen Cart, has legacy code from 7 years ago still lurking in it. I think the devs did not want to wholesale rework it in order not to completely destroy users' existing templates when upgrading to new versions. V2.0, in progress now, is a total rewrite of the front end code, and may well overhaul the stylesheet and bring it up to current standards at the same time.

Ahhhh, I see. Good thinking Zen Cart. =)

I'm just about to pull my hair out. PHP is new to me and I normally work stylesheets off of DW. So this is just driving me bonkers. Something that should seem fairly easy to modify turns into a wild goose chase.

Maybe I just need to call it day...

I just noticed on one of my websites that the left side box heading is a different font size than all of the other left side boxes. I have tried for several hour to troubleshoot this. I have compared source code from sites that behave normally and the site that is acting up.

www 1 w a y t o f i n d o u t c o m

Is there some simple explanation?

Thanks
Steve

I noticed that each left side box heading is slightly different in terms of height. So perhaps the font is relative to the background height.

Some of the sidebox titles are also links or labels, and these may have different font sizes assigned generically (e.g. the label element is styled as font-size: 1.1em; globally).

That didnt make a difference. It seems that the background is larger on the larger fonts. Is one causing the other to be larger?

The heading height depends on the font-size and other font-related settings, not the other way around. If some heading fonts are larger, it is because they follow rules that affect them differently from other headings.

well I went in to the css and started tweaking the font heights to see how things change. In the process I changed to fonts to .3 and of course they were tiny. But when I returned them to 1.3 they all became the same height. So I dont know what to tell you. Its all good now.

Except..

The word heading Search in the left side box is still a different color then all the rest. Why would that have its own unique color?

Because it's a "label" and there is a special rule that applies to it.
There is no good reason for it to be a label when other headings are not, but there it is...