The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Multiple Header Colors

  • # September 15, 2008 at 12:05 pm


    I have six pages and each header needs to have its own color.

    Any suggestions on what would be the best way to accomplish this?


    # September 15, 2008 at 12:46 pm

    hmm, not sure what you mean but maybe this helps you:
    what about giving each page body a unique ID and then style it in the CSS?

    #page1 .header {
    color: green;
    # September 15, 2008 at 9:00 pm

    Thanks for the reply.

    Sorry for the confusing question. I am still new to CSS

    I have three divs [header,wrap,footer] each has a background image applied to it.

    On each page I need a new background image.

    So on my home page inside the divs the background image would be blue.
    Then on the about us inside the dive the background image would be yellow.

    I know there is a better way to explain this but please bear with me.

    hope this makes some kind of sense

    but any help would be great


    # September 15, 2008 at 9:15 pm

    same concept

    #page1 .header {
    color: blue;
    background: url(/path/to/your/image)

    In order to leave your markup the same, have some CSS that relates to each custom page

    # September 16, 2008 at 9:27 am


    i will give i a try.

    Thanks for the reply.

    # September 16, 2008 at 9:34 am


    I figured it out. But thanks for the help.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed