Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #260399

    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?

    #260524

    Hi,

    Can you post the link to that Page?

    Regards,
    Josue

    #261465
    This reply has been marked as private.
    #261484

    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

    #261509

    Thank you very much!

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