WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme: TwentyTweleve] Add color bar right (4 posts)

  1. fristtry
    Member
    Posted 10 months ago #

    Hello,

    I have one question about adding a "color bar".

    How do I extend the Twenty Twelve Theme on the right part to add a color bar, wich will start from the top (header) and end with the site ending (footer).

    The bar should be maybe 20 px wide and have two colors. One Color should end with the navigation, than the other color follows to the end.

    To show what I mean, I've made a litte sketch, please look here http://s16.postimg.org/76n89t0j9/page.jpg

    I'm a noobie, so I hope someone can help me. Thank you.

  2. Jesin A
    Member
    Posted 10 months ago #

    Try this CSS

    .site {
        padding: 0 0 0 2.85714rem !important;
    }
    .site-header {
        border-right: 20px solid <color1>;
        padding-right: 20px;
    }
    #main, #colophon {
        border-right: 20px solid <color2>;
        padding-right: 20px;
    }
    #colophon {
        margin-top: 0;
    }

    replace color 1 and 2 with actual values.

  3. fristtry
    Member
    Posted 10 months ago #

    Thank you very much, it works perfectly!

  4. Jesin A
    Member
    Posted 10 months ago #

    You're welcome!

    Please mark this thread as resolved if your problem is solved.

Reply

You must log in to post.

About this Topic