Twenty eleven and rounded corners

  • Author
    Posts
  • #1177300

    radtrad
    Member

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

    #1177385

    Where did you want to add the rounded corners?

    #1177391

    radtrad
    Member

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

    #1177392

    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;
    }
    #1177399

    radtrad
    Member

    Thanks :)

    #1177401

    You are welcome.

The topic ‘Twenty eleven and rounded corners’ is closed to new replies.