Header text not consistent from home page to other pages.

[MrCompTech]

Using Suffusion 4.0.7

I wanted the header text to be in italics so in style.css I changed the definition of 'h1' to include 'font-style: italic;'.

But when changing to a page other than the home page the header doesn't appear in italics because on other pages instead of using 'h1' for the header 'h2' is used.

To me this seems like it may be a bug.

Not sure were I need to make a change so that the header is always rendered using 'h1' instead of 'h2'. I used 'view page source' to confirm this.

[sayontan]

To me this seems like it may be a bug.

Why?

Think from an SEO perspective. On a page with a single post, the most important title is that of the post, not your site's title, so your post's title gets the H1 and your site's title gets an H2.

For the purpose of styling, go to Back-end -> Custom Includes -> Custom Styles, and set your style for ".blogtitle". That will take care of it, be it H1 or H2.

[DataPepper]

I'm having the same problem. Only my landing page has the font I want. The other pages show Ariel font instead or Philosopher.
Below is the code I put in the Back End >> Custom Includes >> Custom Styles
What am I missing?

Code: Select all

h1.blogtitle {
margin:1px 1px 0;
padding:1px 2px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-family: 'Philosopher', sans-serif;
}

site: http://www.OzduSoleil.com

Thanks much!

[drake]

As Sayontan said, only on the landing page the site title gets H1, on the other pages is enclosed in H2 tags. Or you addresed only the H1. Change your definition like this and should be fine:

Code: Select all

h1.blogtitle, h2.blogtitle {
margin:1px 1px 0;
padding:1px 2px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-family: 'Philosopher', sans-serif;
}