Need help? Check out our Support site, then


Twenty eleven and rounded corners

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

  2. Where did you want to add the rounded corners?

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

  4. 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;
    }
  5. Thanks :)

  6. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic