queue  45
support
Results 1 to 5 of 5

Thread: Menu Buttons

  1. #1
    Junior Member
    Join Date
    May 2017
    Posts
    23

    Menu Buttons

    Searched this forum for a solution on turning a Menu item into a button, and loved the fact that there was a thread that explained how to do this. However, when you add a Menu item that isn't a Page but rather a Custom Link, that solution fails. Is there a way to turn a Menu item into a Button when the Menu item in question is actually a Custom Link?

    https://intivahealth.com/

    Claim Your Account
    Login

  2. #2
    Lead Coder Fabio's Avatar
    Join Date
    Aug 2011
    Posts
    2,081
    Can you link to the thread including the solution you mentioned ?
    My cave is full of servers

  3. #3
    Junior Member
    Join Date
    May 2017
    Posts
    23
    Cannot find the thread, but this is the CSS that the thread recommended.

    Code:
    #menu-item-364 { 
    border: 2px solid white; 
    border-radius: 5px;
    }
    
    #menu-item-365 { 
    border: 2px solid #efa434; 
    background-color: #efa434; 
    border-radius: 5px; 
    margin: 0 0 0 10px;
    }
    
    #menu-item-365 a { 
    color: white; 
    }

  4. #4
    Junior Member
    Join Date
    May 2017
    Posts
    23
    Hold....I was able to restore the buttons.

    New issue now...how do I go about adding increased spacing between the Menu Items?

  5. #5
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, Use this :

    Code:
    .nav>li{
    margin-right:15px;
    }
    This won't work for your button however, because you've set its margin right to zero in your previous snippet, so for that you'll need to change it to this:

    Code:
    #menu-item-365 { 
    margin: 0 15px 0 10px;
    }