Images for sidebar headers?

  • spackletoe

    (@spackletoe)


    21 years, 1 month ago

    I want to use images instead of text for the headers of the sections in my sidebar. I also want this to be theme specific and driven by the style sheet so that I can still use multiple themes. Headers I’d want to replace are things like “Recent Comments”, “Categories”, “Blogroll”, you know, all of those side titles. I do want a unique image for each section.

    I’m pretty sure I’d do this by using something like this:
    background-image: url(images/header.gif);
    background-repeat: no-repeat;

    …but I don’t know the specifics on how to get a unique image for each section without creating a new style for every section. Maybe that’s what I have to do, I dunno, but I was hoping it would be simpler than that.

    Can someone shed some light on this for me? My search came up empty.

    Thanks,

    -spack

Viewing 4 replies - 1 through 4 (of 4 total)
  • eridan

    (@eridan)

    21 years, 1 month ago

    you probably have to make a new style for every section..

    jinsan

    (@jinsan)

    21 years, 1 month ago

    well you can use divs. Say you want an image for the about section. Open the sidebar, find the about h2 tags for the about and replace them with
    div id="about"></div>

    Then in your CSS style the div. Add some height for the image. Same with recent blah blah. Wherever you want the content, place divs there and add a class or id, and add this to your css and modify it in your css.

    Thread Starter spackletoe

    (@spackletoe)

    21 years, 1 month ago

    Hmm.. okay, I’m getting this to work with most of my sidebar sections, but the links one, which has logic in it to be able to have multiple sections within it is a bit more tricky.

    How do get an image in there for “blogroll” and “links” and other link category titles?

    the site so far:
    http://www.e-popp.com/blogs/monique_wp/

    Thanks,

    -spack

    Thread Starter spackletoe

    (@spackletoe)

    21 years, 1 month ago

    Hey all, I found a work-around.. I was able to create styles for linkcat-1 and linkcat-2 and modify them accordingly.

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

The topic ‘Images for sidebar headers?’ is closed to new replies.