How to make the a menu link distinct like a button?

Hi,
How can you aid to make/turn the menu link "Adopt-a-Smile" to a distinct button like link as shown in this screenshot: http://www.awesomescreenshot.com/image/163469/5da3a575273737e9ed13768b26b24422

Regards

  • Bojan Radonic

    Hey there @Barni, hope you're well today!

    I've checked your screenshot and I'm not really sure what you're looking to do. In case you just want to change the styles for that specific link to look like a button I guess that could be done with some custom CSS.

    Each menu has its own ID which you can use to target that link and apply what ever styles you want to make it different.

    Generally you'd want to add something like this:

    #mainmenu #menu-item-1619 .front {
    add_custom_styles_here
    }
    
    #mainmenu #menu-item-1619 .back{
    add_custom_styles_here
    }

    Second part is where you should change the styles that will be displayed when you hover over that link. If you need more assistance on adding those styles to your link please add more info on what you want to change it to and I'll try to help out :slight_smile:

    Cheers,
    Bojan

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.