Return to previous page

Specific color for 1 menu item only? - by fredwerk

This topic has 8 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

fredwerk

Participant

March 3, 2020 at 12:13

Hello,

I have 1 menu item called DONATE and I would like it to be a different colour from the rest.

What is the custom css I need to use? I would like to use this colour E1C46F

Thanks,

#230626 Copied Theme version: Latest WooCommerce version: N/A

7 Answers
Rose Tyler

Support staff

March 4, 2020 at 08:05
Hello,

Try the next code:
```
.main-nav .menu .menu-item-87 a,
.fixed-header .menu .menu-item-87 a {
    color: #E1C46F !important;
}
```
Regards
#230699 Copied
fredwerk

Participant

March 4, 2020 at 09:31

Hi,

This worked! Many thanks.

I would like this and and rest of the menu to be the same when viewing the site on a mobile device. Currently it is not. The menu items on mobile device are kinda grey and turns black when clicking on, and turns back to grey.

What code shall I add?

#230708 Copied

Rose Tyler

Support staff

March 4, 2020 at 10:05

Hello,

Theme Options > Typography > Mobile menu font > Font Color.

Regards

#230722 Copied

fredwerk

Participant

March 4, 2020 at 11:38

Thank you, but I can only change the colour of the menu items. I also would like the DONATE menu item to be same colour than desktop version.

#230745 Copied
Rose Tyler

Support staff

March 4, 2020 at 11:43
Change this code http://prntscr.com/rbds74 to
```
.main-nav .menu .menu-item-87 a,
.fixed-header .menu .menu-item-87 a,
.et-mobile-menu .menu-item-87 a {
    color: #E1C46F !important;
}
```
Regards
#230751 Copied
fredwerk

Participant

March 4, 2020 at 13:01

Thanks, this is perfect!

#230760 Copied

Rose Tyler

Support staff

March 4, 2020 at 13:08

You’re welcome!

Regards

#230762 Copied
Viewing 8 results - 1 through 8 (of 8 total)