Need help? Check out our Support site, then

Changes to Title/Header area in Chateau Theme

  1. Hi, I would like to remove the site title from my site (I will place the site's title within the header image) and shorten the height of my header image slightly. I have tried to manipulate and implement suggested css observed in other posts in this forum, but I cannot get everything the way I want it.

    I have customized a few things on my site already using css (yes, via the upgrade) therefore my stylesheet might seem messy, or even redundant at times, because it is. is the url.

    I know this is probably easy, but I want to do it the right way and I hope I can learn something from your advice.


    The blog I need help with is

  2. Oh, one point I moved the menu buttons below the title and image. If I accomplish what I asked for above, then how can I move the menu buttons to the top right of the header image?


  3. You can actually just remove the site title by going to Appearance -> Header and unchecking the box next to "Header Text: Show header text with your image." It's a theme option, so no CSS required. :)

  4. You can change the location of the navigation bar by using this code:

    #menu {
    top: 20px;
    } {
    float: right;

    Of course, you can change the number of pixels to get it in the right vertical location. The "menu" selector defines the vertical position, while the "" selector aligns it to the right.

  5. Also, because I can't help myself, I have to let you know that you might want to change the title of your about page to "Whose palate?" instead of "Who's palate?" (Who's is a contraction for "who is" and isn't used as a possessive.) Sorry, I know it can be annoying to get unsolicited grammar lessons ...

  6. That all worked wonderfully! And yes, thanks for the friendly grammar reminder. I do that sometimes...

    One last thing it possible for me to reduce the height (and maybe the width) of the new header image I install? I simply think the image is too large.

  7. I haven't ever played with header size, but you should be able to make it smaller with this code:

    #main-image {<br /> max-width: 960px;<br /> max-height: 260px;<br /> }

    Those values are the default ones for Chateau, so setting them smaller and uploading a similarly smaller header should work. I think. Changing the max-height property will move up the context below the header, so until you get a smaller header uploaded they will overlap, but I think it will work.

Topic Closed

This topic has been closed to new replies.

About this Topic