using h1 tag in header.php

  • Andy

    (@andythreecoaching)


    15 years, 1 month ago

    Here’s my site.

    I have the words “North Wales Graphic Designer…” that I want to position under the words “FREELANCE IMAGINEERING” and I want search engines to like it, so I want it to have the h1 tag.

    1. I’m having an awful time telling the #tagline div where to sit.
    2. It refuses to follow my <h1> style code:

    #h1 {
	font-family: Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #c14a22;
	}

    I think the code is fundamentally bad here but not sure where or why.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • stvwlf

    (@stvwlf)

    15 years, 1 month ago

    for starters:
    #h1 {
    means apply styling to a div or other page element whose ID is h1

    what you mean to say is
    h1 {
    apply styling to h1 tags

    If you need help more specific than that you have to post a URL. Styling quickly goes beyond generic to the specifics of how your unique site is coded.

    Thread Starter Andy

    (@andythreecoaching)

    15 years, 1 month ago

    I did post a URL – at the top of the post.

    thanks.

    stvwlf

    (@stvwlf)

    15 years, 1 month ago

    Hi

    I’m sorry, I missed that somehow.

    The #tagline styling being applied to the h1 is

    #tagline {
    color: #C14A22;
    font-family: Tahoma,sans-serif;
    font-size: 8px;
    text-align: center;
    text-transform: uppercase;
}

    That seems to meet your specs except you want 15px not 8px font-size. Just change the #tagline font size.

    I see no styling in your stylesheet applied to h1.

    Is there another problem I am not understanding?

    Thread Starter Andy

    (@andythreecoaching)

    15 years, 1 month ago

    Well, I was forced to style the text using the #tagline style:

    #tagline {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 315px;
	font-family: Tahoma, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	color: #c14a22;
	text-align: center;
	z-index: 2;
}

    because it wouldn’t accept any style when i tried to go use h1.

    it will look ok now because since posting the problem i did the above as a quick fix.

    the style is #content h1 by the way.

    and yeah, why did i have to make it 8px? it’s massive otherwise?

    thanks.

    stvwlf

    (@stvwlf)

    15 years, 1 month ago

    Hi

    When I change your CSS from
    #tagline {

    to
    #tagline h1 {

    the 8px text displays as 8px tall.

    I could not find why the 8px font is displaying so large when CSS is just #tagline. Usually there’s a font size percentage multiplier or font replacement system in place that causes that but I see none of that on your site.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘using h1 tag in header.php’ is closed to new replies.