Put a Banner for the Category pages

  • opcadia

    #2143

    Hey guys, I’ve gotten a lot of help from the forum so far but I’m back with another question. I would like to replace the generic text that comes up for the different Category pages e.g.. Archive: Category: Video games… and instead implement a custom graphic banner that I’ve created for each. I really don’t have any idea where to begin so any help will be greatly appreciated. Thanks!

    Btw my site can be found @ http://www.ThingsThatDontSuck.info if you’ve got any advice as far as the aesthetics, the code, or just a feature you’d think would work please let me know. Thanks for all the help!

    Anonymous

    #18943

    Hmmm.. interesting idea… I like it!!

    Okay, you would need to insert something like this into your customCSS menu:

    .page-title {
    background: url("http://www.LINKTOYOURIMAGE")
    }

    Then you would need to FTP your image to your server, matching the link from the code above.

    NOTE: This is going to give you the same image on ALL places that have a page title. But your text will still show “on top” of the custom image.

    NOTE NOTE: You will need to play around with your image size to get it to look just right.

    Anonymous

    #18944

    One more thing… insert this into your customCSS to get rid of that gray area around your footer widgets:

    #sidebar_bottom {
    background: none repeat scroll 0 0 #000000;
    }

    Anonymous

    #18945

    And this to get rid of the last remaining gray at the bottom.

    #footer {
    background: none repeat scroll 0 0 #000000;
    }
    Mod

    Kenneth John Odle

    #18946

    Then you would need to FTP your image to your server, matching the link from the code above.

    Or you could just add it to your media gallery and then use the link that WP provides when you save the item.

    dablue

    #18947

    if i wanted a unique individual banner for each category would my code just look like

    .comics-title {

    background: url(“http://www.LINKtoCOMICSimage.com”)

    }

    or

    .tvshows-title {

    background: url(“http://www.LINKtoTVimage.com”)

    }

    comics and tvshows being the names of my categories

    Anonymous

    #18948

    I wish it were that easy 🙂

    To do that, you would need to create a custom function to tell the browser which page you are currently viewing, and to load the according image. Quite complicated for the average bear!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!