WordPress.org

Support

Support » How-To and Troubleshooting » rounded nav tabs like the wordpress.org site

rounded nav tabs like the wordpress.org site

  • Hi,

    Does anyone know how to style the nav tabs to have css rounded nav tabs like the wordpress.org site ?

    i saw that the css is :

    #header ul li a.current, #header ul li#download a.current {
    color: #555;
    background: #e4f2fd;
    -moz-border-radius-topleft: 3px;
    -khtml-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    text-shadow: #c6d9e9 1px 1px 1px;
    }

    which, when i test it on a demo site makes the tabs rounded, but i get the small top corners coming up white. i can’t make the rounded corners bgcolor transparent or the color of the page bg.

    can anyone help me with this please,

    thank you

    james

Viewing 2 replies - 1 through 2 (of 2 total)
  • Getting rounded corners requires either javascript and the creating of corner images, or certain methods of CSS only – using a technique like “curvy corners”.

    Thanks saurus,
    you are right, curvy corners are good and work well. thanks.
    i found out just then that there was a #fff somewhere hidden in the wordpress css that was giving me the white corners.
    it’s all good now.
    thanks again

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘rounded nav tabs like the wordpress.org site’ is closed to new replies.
Skip to toolbar