Global css header modification does not appear on 'about' page

  • Kiran

    #1409

    Hi. Thanks for a great theme.

    Please help.. I am having trouble with the size, font and location of my header title. So I found a css modification from this site and applied it. This worked on front page and categories but the ‘about’ page still has a muddled title.

    Can you tell me how to modify the header font and size in the ‘pages’ pls.

    thanks

    Mod

    Kenneth John Odle

    #15673

    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

    Kiran

    #15674

    Thank you very much for your reply .. With your help I am finally happy with the changes.

    http://everydayshare.com/blog

    Mod

    Kenneth John Odle

    #15675

    Yes, it looks much better now, and a lot less CSS. You might want to consider changing your background from “scroll” to “fixed” for even better results.

    Ken

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.