[Theme: TwentyTweleve] Add color bar right

  • Resolved fristtry

    (@fristtry)


    11 years, 4 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 https://s16.postimg.org/76n89t0j9/page.jpg

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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.

    Thread Starter fristtry

    (@fristtry)

    Thank you very much, it works perfectly!

    You’re welcome!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: TwentyTweleve] Add color bar right’ is closed to new replies.