Tagged: menu
- This topic has 2 replies, 2 voices, and was last updated 11 years, 8 months ago by maevamena.
-
AuthorPosts
-
March 23, 2013 at 12:08 pm #5728maevamenaMember
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
March 26, 2013 at 12:18 am #5812SakinKeymaster@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;
}
April 5, 2013 at 3:06 am #6476maevamenaMemberThank you for all your help Sakin!
-
AuthorPosts
- The topic ‘Rounded corners on an active menu item’ is closed to new replies.