Make a menu item into a button

Shapely
1

Hello,

Here is the site I am working on: http://www.hopeforherfl.org/

I’d like to make a menu item (DONATE) into a button (styled like button 2). Is this possible?

2

Hey there

Ccesg, I tried your site several times but it’s still not working, this is what i have

This site can’t be reached
www.hopeforherfl.org took too long to respond.

3

it should be working. I have had several people look at the site. can you try again?

4

Or i can show you what I am trying to do. attached photo shows on top what it looks like now. I want to make the last menu item look like a button (shown underneath).

I would also like to make it so that when you are on a page, the menu item is changed to a different color

5

hey there

Please add this CSS in appearance - customize - additional CSS

.main-navigation .menu > li {
margin-right: 17px;
}
li#menu-item-122 a {
background: #8a7bc9;
color: white;
}

Thanks!
Colorlib Support Team

6

here is what that made it look like

7

Hello

Ok, I see, please remove above code and use this version:

li#menu-item-122 a {
background: #8a7bc9;
color: white;
line-height: 56px;
padding: 0px 15px;
}
.main-navigation .menu > li {
margin-right: 17px;
}

8

That worked perfectly, thank you so much!!

9

I will close this case now, Feel free to contact us again if you have other questions

Thanks!