Support » Themes and Templates » Twenty Eleven : Adding a border to the main page posts content

  • Resolved Hazlo


    Hello there,

    I’m looking for something to add to my child theme css, in order to get a right border to the posts content, on my main page, a thin line starting under the menus, and down to the footer). It would also separate my right sidebar from the posts content. (I saw this for instance, in a theme called “Virtual Sightseeing” but couldn’t figure out which code was used there).

    wp 3.2.1 / TwentyEleven child theme

    Thanks a lot for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try adding a right border to #content and then also adding in some padding to push the border away from the post text.

    Hello Esmi,
    Thanks for your answer. I tried it but without success.
    Could you give me the precise code to add? (I’m not that good in programming languages!!)
    Many thanks, in advance.

    border-right:1px solid #000;

    CSS Tutorials
    Learning CSS

    It works perfect! Thank you Esmi.
    thanks for the tutorials too. Makes me learn English at the same time!..
    From France… Best.

    … Well finally… another little question?… How could this border be displayed ONLY on the main page, not on single posts, neither on author pages?
    Thanks for your help, Esmi.


    body.home #content{
    border-right:1px solid #000;

    Great! that’s exactly what I needed! Thanks again for involving here. And also for keeping on telling people to create child themes: I just upgraded twentyeleven and did NOT loose my customizations…..

    Cool 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Twenty Eleven : Adding a border to the main page posts content’ is closed to new replies.