Change background colour of the second navigation button only

[EasyM84]

Hi 
 
Can someone explain how I can change the background colour of the second navigation button only? I am happy with the navigation bar as it is but I would like the second button's background to be white letters over black rather than the current transparent option?
 
It would be helpful if you could point me to the relevant section of the CSS code. 
 
My website is here: http://consultapediatrica.weebly.com/
 
I am using the theme called Urban Dine and I only want to change the "Clinic Times" button.

Many thanks
 
EasyM84

[Bernadette3]

To edit the CSS, click the THEME tab and then you'll see a button titled Edit HTML / CSS on the bottom left.  I'm not able to assist directly with custom coding, but our Community has many savvy members who may be able to offer assistance!

[EasyM84]

Thank you. Yes, I know how to get to the CSS editor but I need more specific guidance. Thanks 

[Adam7]

By "second button" do you mean what it looks like when you hover over it with your mouse?

[EasyM84]

Hi

Apologies. I mean the second button in the top menu bar entitled “Horarios de Atencion” or any button in that bar for that matter.

i just want one of them to be emphasised/highlighted over the others.

Do you happen to know how to amend the CSS in that way?

[Adam7 · Accepted solution]

Ohh, ok, I see what you mean. Add this to Settings > SEO > Header Code:

<style>
#pg757640833140525880 > a
{
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;	
}
#pg757640833140525880 > a:hover
{
	opacity: 0.8 !important;
}
</style>

It won't change it in the editor but it will on the live site.

[EasyM84]

Thanks Adam. I will give this a try! Many thanks!

[Adam7]

Not a problem!

[EasyM84]

Thanks Adam! That worked! 

Can I ask how did you find the #pgXXXXXXXXXXX reference for that button?

Thank you again for your help and for sharing your knowledge!

[Adam7]

I used the Inspector tool that comes with both Safari and Chrome to look at the source code of your site, then just found the ID of the list item that has that link in it.

[EasyM84]

You are a genius. Thanks mate!

[EasyM84]

Thank you mate. That was all very helpful!

[Adam7]

Glad it worked out for you!