- This topic has 5 replies, 2 voices, and was last updated 5 years, 4 months ago by
.
-
Posts
-
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,
LoriCustomer Support
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
Lead Developer
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.
- The topic ‘rounded corners on primary menu’ is closed to new replies.
