# How to change color of separate menu item in WordPress

**URL:** <https://colorlibsupport.com/t/how-to-change-color-of-separate-menu-item-in-wordpress/5175>\
**Category:** Travelify\
**Created:** [October 14, 2013, 4:40pm UTC](https://colorlibsupport.com/t/how-to-change-color-of-separate-menu-item-in-wordpress/5175 "2013-10-14T16:40:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![client](https://colorlibsupport.com/user_avatar/colorlibsupport.com/client/32/2549_2.png) [@client](https://colorlibsupport.com/u/client)\
**Post date:** [October 14, 2013, 4:40pm UTC](https://colorlibsupport.com/t/how-to-change-color-of-separate-menu-item-in-wordpress/5175/1 "2013-10-14T16:40:55Z")

</div>

Excellent thanks. And I think i have one last question 🙂 I am working with a custom menu. I am curious about adding another button to the nav-bar but make that one RED and align it far right and have it say DONATE – Trying to figure where to begin. Thanks

---

<div class="post-metadata">

**Author:** ![aigars-silkalns](https://colorlibsupport.com/user_avatar/colorlibsupport.com/aigars-silkalns/32/13469_2.png) [@aigars-silkalns](https://colorlibsupport.com/u/aigars-silkalns)\
**Post date:** [October 14, 2013, 4:41pm UTC](https://colorlibsupport.com/t/how-to-change-color-of-separate-menu-item-in-wordpress/5175/2 "2013-10-14T16:41:16Z")

</div>

Add your donate button via Menu editor and ten style it properly via Theme Options – Other – CSS.

The basic idea is to get the ID of this menu button and style it properly. I my theme demo it would be something like

```auto
#menu-item-1042 {
    margin-left: 20px; /* Add margin from the left. */
    background: red; /* Your color here */
}

```

Inspect your website source code to find the exact ID. It will be something like menu-item- with the number at the end

---

<div class="post-metadata">

**Author:** ![client](https://colorlibsupport.com/user_avatar/colorlibsupport.com/client/32/2549_2.png) [@client](https://colorlibsupport.com/u/client)\
**Post date:** [October 14, 2013, 4:41pm UTC](https://colorlibsupport.com/t/how-to-change-color-of-separate-menu-item-in-wordpress/5175/3 "2013-10-14T16:41:22Z")

</div>

OK so every menu button within a menu has an ID?

---

<div class="post-metadata">

**Author:** ![client](https://colorlibsupport.com/user_avatar/colorlibsupport.com/client/32/2549_2.png) [@client](https://colorlibsupport.com/u/client)\
**Post date:** [October 14, 2013, 4:41pm UTC](https://colorlibsupport.com/t/how-to-change-color-of-separate-menu-item-in-wordpress/5175/4 "2013-10-14T16:41:28Z")

</div>

Wow, that looks good. It worked. Thanks.