Is this possible?

I would like to have different colors for just ONE of my MENU items.

see green marked example below:

Of course I know, it’s possible to change the background color.
However, the background color will be changed on ALL MENU-ITEMS - but I just want to select ONE SPECIFIC MENU-ITEM like shown in the image above.

Meaning… all Menu Items will be yellow in the background, but just ONE Menu-item should be have green as background color.

Is this possible with CSS?


Try this custom CSS code please:

li#menu-item-13745 {
    background-color: #11fb11;

Feel free to adjust the value of the background-color on the code in above using your own color.

That’s super cool.

Hmm… now I would need to change the color for the MOBILE-FONT-COLOR of this specific menu-item as well.
How’s that doable?

Here is for the mobile screen:

@media only screen and (max-width: 767px){
  li#menu-item-13745 {
    background-color: red;