Customizing Post Titles

  • Unknown's avatar
    realagenda · Member ·

    Each of the pages of my site has a title. The Splash page has one that says “Breaking Now” and so on. I would like to customize those section titles to different fonts and sizes or even to put an image instead of the text. Is that possible? What part of the CSS code do I need to change?

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

  • Unknown's avatar
    hallluke · Member ·

    You do not need to change the stylesheet. You just need to add in your customisations and make sure the “add to existing” checkbox is selected. This way the normal stylesheet will load and then your modifications will be loaded on top of it. Here’s two methods, the first to style the text and the second to replace it with an image. For the second method you will want to find the page-id number class in the body tag of each specific page so you can load in a different image for each one. Remember to set the width and height to the size of the image you use.

    body.page h1.title {font-family:tahoma; font-size:1.2em; color:#5463d7;}

body.page-id-2689 h1.title {background-image:url("IMAGE-URL"); text-indent:-999em; height:###px; width:###px; padding-bottom:0;}
  • Unknown's avatar
    realagenda · Member ·

    Brilliant!

  • The topic ‘Customizing Post Titles’ is closed to new replies.