Font Post Page & Font Homepage

  • Unknown's avatar
    jhyatt · Member ·

    Hello. I have been able to make changes to the post pages (font, font size), but that code does not affect the homepage (headline font, font size, etc…).

    Is there a different CSS code for the Homepage, as opposed to what I have on the interior pages?

    Thanks….

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, Isca is a bit of a challengesometimes it takes a bit of detective work using the web inspector in your browser to figure out exactly what the CSS selector would have to be to change certain things. h1 settings typically only affect h1 heading text within the post and/or page content. Post and page titles typically have their own CSS selectors.

    Looking at the HTML and CSS for your site, if you are interested in changing the post title font and size on the home page and on the single post pages, this CSS selector should do it for you. 

    .hentry .posttitle a, .single .posttitle {
font-size: 40px;
font-family: "Raleway",Helvetica,Arial,sans-serif;
}

    For pages (about, etc.) you would use this: 

    h1.pagetitle {
font-size: 40px;
font-family: "Raleway",Helvetica,Arial,sans-serif;
}

    If you are not yet familiar with the web inspector tool in your browser, take a look at our support document on How to Find Your Theme’s CSS, which has some brief screencasts to get you started using it. It makes working with CSS much easier.

    And here are a few more useful CSS related posts to help you customize your site with CSS:

    An Intro to CSS: Finding CSS Selectors

    An Intro to CSS, or How to Make Things Look Like You Like

    Intro to CSS: Previewing Changes with the Matched Rule Pane

  • The topic ‘Font Post Page & Font Homepage’ is closed to new replies.