WordPress.org

Ready to get started?Download WordPress

Forums

rounded nav tabs like the wordpress.org site (3 posts)

  1. antistandard
    Member
    Posted 5 years ago #

    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

  2. Saurus
    Member
    Posted 5 years ago #

    Getting rounded corners requires either javascript and the creating of corner images, or certain methods of CSS only - using a technique like "curvy corners".

  3. antistandard
    Member
    Posted 5 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic