On index pages, header_title
is H1 and header_desc
is H2 for SEO reasons, but on posts and pages, header_title
is H2 and header_desc
is H3. You are using CSS to control the H1 and H2 items, which is why they appear differently on index pages than on posts and pages.
Your best bet is to just use header_title
and header_desc
, like this:
header_title {
font-family: arial, sans-serif;
font-size: 20px;
color: #000;
and repeat the same for header_desc
.
Don’t use positioning for these two items because they are already styled by the existing Graphene CSS to appear in the vertical center of the header. Your title on index pages is showing up outside the header on my monitor, which is a different size than yours. (However, you can use text-align:center
or text-align:right
to move them to the other side of the header.)
You can find more information about styling fonts here and also a more technical description here.
Ken