Change color/highlight one of the top navigation pages in Om template

I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you!

6 minutes ago, northshore said:

I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you!

You should share link to your site. It needs some custom code.

Here is the link to the site: minidokafilm.com

Do you know what the custom code should be?

2 hours ago, northshore said:

Here is the link to the site: minidokafilm.com

Do you know what the custom code should be?

Add to Home > Design > Custom CSS

.main-nav a[href="/donate"] {
    background: darkgray;
    padding: 5px 10px !important;
    border: none !important;
    color: white;
}

Thank you so much!

On 11/5/2019 at 6:11 PM, northshore said:

Thank you so much!

On 11/5/2019 at 3:12 AM, tuanphan said:

Add to Home > Design > Custom CSS

.main-nav a[href="/donate"] {
    background: darkgray;
    padding: 5px 10px !important;
    border: none !important;
    color: white;
}

 

Hi Tuanphan,

i am looking for this highlight too and i tried to use your code but it doesn't work

My website is www.rouas.fr

(MONTAUK template)

and i want to highlight the last navigation item ACCCES CLIENT

It would be great if you could help me !

Many thanks,

Davy

@DAVYR

replace .main-nav a[href="/donate"] with

.main-nav ul>li:last-child a