[globalsymphonyParticipant]

I am looking to customize the color of a single menu item. I am trying to make the “Donate” item red, both the text and the hover element (bar above).

I have attempted some of the suggested fixes from other areas in the forum, but can’t seem to get it to work.

Please advise.

Site: juanitaformayor.com
WP version 4.7.3
X 4.6.4
Cornerstone 1.3.3

[RupokMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav #menu-item-350 > a {
	color: #f00;
}
.x-navbar .x-nav #menu-item-350 > a:hover {
	box-shadow: inset 0 4px 0 0 #f00;
}

Hope this helps.

Cheers!

[globalsymphonyParticipant]

Thanks. Is there a way to put a stroke around it — similar to a button, no fill color, just the stroke?

Please advise.

Thanks and much appreciated.

– Fran

[globalsymphonyParticipant]

So, I have been able to find what I need in the forum, but a follow-up…

How do I add the button look to the mobile/tablet menu (the hamburger thing)?

Thanks,
Fran

[JadeModerator]

Hi Fran,

Please update this code:

#menu-item-385 span {
    padding: 12px 20px 10px 20px;
    background: #FF0000;
    color: #fff;
    border-radius: 3px;
}

to

#menu-item-385 span {
    padding: 12px 20px 10px 20px;
    color: #FF0000;
    border-radius: 3px;
    border: 1px solid #FF0000;
}

Hope this helps.

[Author]

Posts