ThemeShaper Forums » Thematic

[closed]

custom header or style for tag page

(4 posts)
  • Started 11 years ago by rbar5
  • Latest reply from Seijun
  • This topic is resolved
  1. rbar5
    Member

    Hello, new as a poster here. Gone through all kinds of forums trying to figure out how to solve this.

    I have a header image set up for the main blog but I would like a different one to appear when someone looks at a particular page of tag archives.

    right now I'm using

    #blog-title a {
    background:url('http://blog.merseabeaucoup.com/merseabeaucoupheader2.jpg') no-repeat top center;
    display:block;
    text-indent:-9000px;
    width: 740px;
    height: 318px;
    }

    and I want
    http://blog.merseabeaucoup.com/31test.jpg to be the header for this:

    http://blog.merseabeaucoup.com/tag/31-days-31-ways

    Some methods I've looked into are : calling in a conditional style sheet, making a separate page for tag and creating a template for it. But I'm really a novice at all of this and not sure how to pull it off. My attempts have lead me through a lot of searches but nothing has worked for me so far...so I'm asking for any help I can get. Much appreciated. Will provide any additional code if necessary. Thank you.

    Posted 11 years ago #
  2. try adding this to your style sheet

    .tag-31-days-31-ways{background:url('http://blog.merseabeaucoup.com/31test.jpg') no-repeat top center;}

    In the future, look at the source code for the page whose appearance you want to customize. Where is says "body class=" there is always a list of various classes applied to the page that you are looking at (each class is separated by a space). Use the one class (or combination of classes) unique to the page to apply custom css.

    Posted 11 years ago #
  3. rbar5
    Member

    Seijun, thanks a million. That didn't work exactly but it put me on the right path. Body class is the key.

    (for the archive page)

    .tag-31-days-31-ways #blog-title a {background:url('http://blog.merseabeaucoup.com/31test.jpg') no-repeat top center; display:block;
    etc

    and did the same for single pages w/ that tag.
    .s-tag-31-days-31-ways

    Posted 11 years ago #
  4. Woops, sorry bout that. forgot the "#blog-title a" part of course (as you pointed out).

    You can do a lot using the classes like this. On my site for example I use them to show or hide certain widget areas based on what category archive is displayed or what category the displayed post is in.

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.