Archived topic
Single Navigation button
9 replies · Started by Jason Westbrook on June 20, 2017
Hey guys is it possible to create a single navigation button with rounded corners with the following variations at the same time?
1. Needs to be transparent with white text and white border.
2. Needs to have #333333 text and border on pages without header image.
Here is an example of what I am trying to do minus the grey color variation.
Thanks for any help!
Hi there,
This should help: https://generatepress.com/forums/topic/targeting-a-single-navigation-menu-item-to-create-a-button/page/2/#post-268607
You can add border-radius: 2px; to the CSS as well.
is there a way to make the corners rounded? I didnt see that in the previous forum link.
Use the border-radius property as suggested above.
oh I gotcha....one last question. how would I make the border around it closer to the text so it looks overall smaller as a button?
Thanks so much!
Can you link me to your site?
sorry.....
This might help:
.main-navigation .main-nav ul li.nav-button a {
line-height: 40px;
margin-top: 10px;
}Boom! Thanks you!! You guys are amazing!
Glad we could help!
