[Resolved] Single Navigation button

Home Forums Support [Resolved] Single Navigation button

Home Forums Support Single Navigation button

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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!

    #336463
    Leo
    Staff
    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.

    #336475
    Jason Westbrook

    is there a way to make the corners rounded? I didnt see that in the previous forum link.

    #336498
    Leo
    Staff
    Customer Support

    Use the border-radius property as suggested above.

    #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!

    #336560
    Leo
    Staff
    Customer Support

    Can you link me to your site?

    #336569
    Jason Westbrook
    #336601
    Tom
    Lead Developer
    Lead Developer

    This might help:

    .main-navigation .main-nav ul li.nav-button a {
        line-height: 40px;
        margin-top: 10px;
    }
    #336798
    Jason Westbrook

    Boom! Thanks you!! You guys are amazing!

    #336897
    Leo
    Staff
    Customer Support

    Glad we could help!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.