Home › Forums › Support › Single Navigation button This topic has 9 replies, 3 voices, and was last updated 6 years, 9 months ago by Leo. Viewing 10 posts - 1 through 10 (of 10 total) Author Posts June 20, 2017 at 1:30 pm #336462 Jason Westbrook 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! June 20, 2017 at 1:33 pm #336463 LeoStaff Customer Support 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. June 20, 2017 at 1:50 pm #336475 Jason Westbrook is there a way to make the corners rounded? I didnt see that in the previous forum link. June 20, 2017 at 2:22 pm #336498 LeoStaff Customer Support Use the border-radius property as suggested above. June 20, 2017 at 3:38 pm #336530 Jason Westbrook 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! June 20, 2017 at 5:38 pm #336560 LeoStaff Customer Support Can you link me to your site? June 20, 2017 at 6:40 pm #336569 Jason Westbrook sorry….. http://www.builtonmission.com June 20, 2017 at 8:29 pm #336601 TomLead Developer Lead Developer This might help: .main-navigation .main-nav ul li.nav-button a { line-height: 40px; margin-top: 10px; } June 21, 2017 at 5:47 am #336798 Jason Westbrook Boom! Thanks you!! You guys are amazing! June 21, 2017 at 8:39 am #336897 LeoStaff Customer Support Glad we could help! Author Posts Viewing 10 posts - 1 through 10 (of 10 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In