stump the experts? hidden header attributes?

[finlander]

I wanted to create an additional font header for the text in the banner, call it h7, in the stylesheet. So I did so, with a 1em size and same grayish color as h1. Just below the header defining area in the stylesheet, there is also a section for controlling margin padding of the various h* definitions. I added h7 to this list so that it would also have the 0.3em margin padding. I then changed my header.php file in languages/english/custom, so that the tagline text would become the new h7 header.

This is where things got weird. The new h7 settings displayed the tagline w/ 1em size, and with the grayish color, but two things (that all the other h* settings somehow contain) would not display: the bold weight of the font, and padding above the font that leaves the strip of white above the banner. The new h7 was not inherently bold as the other h* fonts are, and the new h7 font would not push the banner down with font margin in order to show the small white strip above the banner, even though h7 was added to the list of elements in the style sheet that have 0.3em margin.

So, I can only conclude that the inherent bold weight and conforming to the margin setting are controlled in another file somewhere, but I can't seem to find it.

Any of this make sense to anyone? Thank you.

[gjh42]

We need to see your site live to find out what is happening with your headers.

[finlander]

Thanks for your reply. For the purpose of illustrating my earlier long-winded explanation, I have set my new h7 attributes in the stylesheet to be the SAME as h1, and had previously added h7 to the list of other h*s that receive 0.3em margin treatment (to create that white strip above the banner.

In the two image attachments, one is set in header.php (languages/english/custom) to have h1 banner text and the other is set in header.php to have h7 banner text. With h7, the text is not bold and the margin setting is not being used to create the white strip above the banner.

So I just got to wondering how the bold is defined for h1, h2, h3, h4, h5, and h6, but NOT for my new h7. And of course the similar problem of h7 not recognizing/honoring its margin setting in the stylesheet.

[gjh42]

Screenshots don't help diagnose your problem. We need to see the site live.

[finlander]

here is the URL, with the "h7" header text that doesn't behave quite like the other headers.
http://www.vintage-adventures.com/

UPDATE: I might have a guess about the solution. Browsers don't recognize an h7 header quite like the lower-numbered headers? IE and Firefox are rendering the h7 differently, and neither is recognizing the padding that should be occurring above the text. ???

[gjh42]

I didn'tthink that <h7> was a standard tag, and this link confirms it:
http://www.baywalk.net/html_lessons/header_tag.htm

[finlander]

Thanks, Glenn. Solves that issue. Thank you.
Any idea where the value is for making the h1-h6 headings being bold? I checked tagline in the style sheet, and there I can set left-align, but I'm stumped about the font weight setting for that area of the page.

[gjh42]

It is an HTML default that h1-h6 are bold. If you want one not bold, you need to specify font-weight: normal; for it.