Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #5728
    maevamena
    Member

    Hi there,

    Can you please tell me how to change the square edge to a round edge on the active menu items? And the main site?

    http://66.147.244.179/~wendybow/about-wendy/

    Thank you!

    Maeve

    #5812
    Sakin
    Keymaster

    @maevamena: Just add the following css in “Custom CSS” box in Theme Options panel.

    #header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a, #colophon .menu .current-menu-item a {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 12px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 12px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 12px;
    }

    #6476
    maevamena
    Member

    Thank you for all your help Sakin!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Rounded corners on an active menu item’ is closed to new replies.