• Quick Question!

    On my blog page, as it previews each blog, the title shows up in an h3 tag (or it appears that way)

    On the actual blog page, it shows as an h1, which is what I want. The h3 looks too small in comparison to the title tags below. Here… take a look. https://www.relationship-oneness.com/

    How do I get this preview “title” to display in h1? Thanks so much.

    -Tiger

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ideally, there should only be one H1 tag per page for SEO (search engine optimization). So you don’t want more than one H1 on your home page. On a post page, the title of each post really is the header, so displaying it as an H1 is correct.

    BUT, if I hear you correctly, you want to change the STYLE of the h3 tags and make them larger on the home page. You don’t need to make them H1 tags, you just have to update the CSS to increase the font size of an H3 tag.

    In your theme’s stylesheet, look for the h3 definition and increase the font-size there.

    Thread Starter pawsingleton

    (@pawsingleton)

    Hmmmm. That sounds like a fantastic idea! I’ll have to make sure I’m not using h3 in any other areas. I wonder if I could create a new H? tag with a new set of attributes.

    If I did so… would it work (we’ll see), and where would I change these old h3 tags that define the preview title?

    You’re so helpful. Thank you.

    -Tiger

    Thread Starter pawsingleton

    (@pawsingleton)

    I think I just discovered these titles are not in h3. I went and changed h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; } to make it bigger and there was no change. Even changed to color to fff and no change.

    What else might be defining these titles… and where? ??

    -Tiger

    Thread Starter pawsingleton

    (@pawsingleton)

    Any ideas with this… thanks. lil help.

    I just tried a change the css in style.css that defines the H2 tag in your home page. I know I said H3 before, but it’s the H2 tag you need to change.

    Right now it is defined as:

    h2 { font-size: 1.2em; ...}

    Try changing it to 1.8em

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Title should be h1, however showing in h3. Should be a quick fix! Thanks’ is closed to new replies.