WordPress.org

Ready to get started?Download WordPress

Forums

Twentyten: making some pages display a header image, some pages not (9 posts)

  1. photocurio
    Member
    Posted 2 years ago #

    I love the fact that in Twentyten (or its child-theme) you can add a 'featured image' to a page or post, and that will show as a header image.

    What I don't like is that pages with no featured image will always show the default image. If you turn off the default image, that turns off
    all header images.

    I want to disable the default image, but retain featured-image headers.

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Upload a blank image?

  3. photocurio
    Member
    Posted 2 years ago #

    sure but you'd have a big blank space

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    So what did you expect to display on posts where you have no featured image and no default image?

  5. photocurio
    Member
    Posted 2 years ago #

    Well if if doesn't load a header image, the navbar just bumps up to the top. There is no div or anything with a height.

    That's how it displays if you disable the header image.

  6. photocurio
    Member
    Posted 2 years ago #

    here's the site, btw:
    Maureen Whiting Company

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    Upload a blank image of the correct size as a featured image on those posts where you do not want the default header to display.

  8. photocurio
    Member
    Posted 2 years ago #

    No, I want the nav bar to bump up the top when there is no header image.

    Well I ended up solving this in a different way: I made a page template called 'noimage'. This is identical to the regular page template, but loads a header called noimage, which has the header image code stripped out.

    Its not ideal (I'll need two of every page template) but it works.

  9. jeezyo
    Member
    Posted 2 years ago #

    You can target pages with CSS on an individual basis. If you take a look using firebug, or inspect element, you can see the body class you would need to target. Then just follow that with #branding img , and add display: none; to that css. the search box will move down, and the navigation will move up.

Topic Closed

This topic has been closed to new replies.

About this Topic