Archived topic
rounded corners on primary menu
5 replies · Started by Lori on December 15, 2016
Hello,
My client wants to have rounded corners on primary menu like this website: http://rayhigdon.com/
Is there some css code I can use for that? I have the premium theme, but I do not see that option.
I also like the testimonial layout that you have on your website: https://generatepress.com/
How do I get my testimonial to look like that?
Thanks,
Lori
Hi Lori,
For navigation with rounded corners, try this CSS:
.main-navigation {
border-radius: 15px;
}Adding CSS: https://generatepress.com/knowledgebase/adding-css/
As for the testimonials on the home page, it's a plugin Tom wrote but it needs some polish before he can share it with everyone. More info here: https://generatepress.com/forums/topic/testimonial-plugin-suggestion/#post-117255
You might have trouble with the first menu item having square edges over top of the rounded border of the container. If you do, this should help: https://generatepress.com/forums/topic/rounded-navigation/#post-53826
Hello,
I'd like to have rounded corners on the active (current) menu item. And also when a menu item is in the hover position. I can't code. Can you give me the CSS I need for this? Thanks.
I found the on hover CSS here and it worked!
https://generatepress.com/forums/topic/navigation-rounded-corners/
I changed the 'hover' to 'current' in the above mentioned CSS, and it works for the current menu item:
.main-navigation .main-nav ul li a:current {
border-radius: 15px;
}
Glad to hear :)
Please open a new topic if you need further help with this as this one is too old already.
