Twenty eleven and rounded corners

• 

  radtrad · Member · Mar 9, 2013 at 6:14 am

  • Copy link
  • Add topic to favorites

  How can I add rounded corners in the twenty eleven theme?

• 

  thesacredpath · Member · Mar 9, 2013 at 6:21 am

  • Copy link

  Where did you want to add the rounded corners?

• 

  radtrad · Member · Mar 9, 2013 at 6:56 am

  • Copy link

  Where? In the blog general corners (I really dont know where else I could put them).

• 

  thesacredpath · Member · Mar 9, 2013 at 7:23 am

  • Copy link

  I’ve done 20px to exaggerate things so you can see the effect. Adjust the 20px values as you desire. The last bit of code radiuses the top of the header area where the grey top border is and you can see it fades into nothing at the ends.

  #page {
  border-radius: 20px 20px 20px 20px;
  }
  
  #site-generator {
  border-radius: 0 0 20px 20px;
  }
  
  #branding {
  border-radius: 20px 20px 0 0;
  }

  If you want to get rid of the top grey border line, change the third bit of code I gave above to the following.

  #branding {
  border-top: none;
  }

• 

  radtrad · Member · Mar 9, 2013 at 7:36 am

  • Copy link

  Thanks :)

• 

  thesacredpath · Member · Mar 9, 2013 at 7:40 am

  • Copy link

  You are welcome.