Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 5, 2014 at 6:21 pm #260399
    D5WDesignGroup

    I have used the following code as found in the forum to turn the menu items into buttons:

    #top .main_menu .menu > li > a{
    padding:10px !important;
    background: green;
    height: auto !important;
    line-height: 16px !important;
    border-radius: 5px;
    margin: 0 13px;
    }

    #top .main_menu .menu {
    margin-top: 25px
    }
    #top .header-scrolled .main_menu .menu {
    margin-top: 3px
    }

    This works well for creating the button effect however these are the issues I would still like to fix:
    1. The page that I am currently on has the colored underline right underneath it. I would like to be able to remove the underline completely.
    2. Can I make it so that the button background of the page that I’m on is a different color from the other buttons?
    3. Can I also assign a different background color for the hover state of the buttons?

    May 6, 2014 at 3:16 am #260524
    Josue

    Hi,

    Can you post the link to that Page?

    Regards,
    Josue

    May 7, 2014 at 7:18 pm #261465
    D5WDesignGroup
    This reply has been marked as private.
    May 7, 2014 at 8:16 pm #261484
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { background: red !important; }
#top .main_menu .menu > li > a:hover {
background: orange!important;
}

    Regards,
    Yigit

    May 7, 2014 at 9:43 pm #261509
    D5WDesignGroup

    Thank you very much!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Help styling the main menu text buttons.’ is closed to new replies.