# Main Menu can I change color of button for active page

**URL:** <https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212>\
**Category:** Shapely\
**Created:** [October 28, 2020, 12:37am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212 "2020-10-28T00:37:33Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![steveax2](https://colorlibsupport.com/user_avatar/colorlibsupport.com/steveax2/32/3996_2.png) [@steveax2](https://colorlibsupport.com/u/steveax2)\
**Post date:** [October 28, 2020, 12:37am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/1 "2020-10-28T00:37:33Z")

</div>

Using this theme with multiple pages instead of the single page… works great so far… But I need to have the current page highlighted in the main menu… Basically if I’s on the contact page I want to have CONTACT on the main menu highlighted… Home page, Bio, Blog… each page when you are on it… any way to modify this?  
Thank You,  
Steve

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [October 28, 2020, 8:35am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/2 "2020-10-28T08:35:19Z")

</div>

Let me see it, please provide a link to your website

---

<div class="post-metadata">

**Author:** ![steveax2](https://colorlibsupport.com/user_avatar/colorlibsupport.com/steveax2/32/3996_2.png) [@steveax2](https://colorlibsupport.com/u/steveax2)\
**Post date:** [October 28, 2020, 8:28pm UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/3 "2020-10-28T20:28:20Z")

</div>

Its a staging site located here [7zz.012.myftpupload.com](https://7zz.012.myftpupload.com)  
Thank you

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [October 29, 2020, 9:09am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/4 "2020-10-29T09:09:34Z")

</div>

hey there

Try this css code:

.current-menu-item {  
background: #0d0c63;  
}

Add it in appearance \> customize \>additional css

---

<div class="post-metadata">

**Author:** ![steveax2](https://colorlibsupport.com/user_avatar/colorlibsupport.com/steveax2/32/3996_2.png) [@steveax2](https://colorlibsupport.com/u/steveax2)\
**Post date:** [October 29, 2020, 6:50pm UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/5 "2020-10-29T18:50:27Z")

</div>

FANTASTIC! Works great… One more thing… what would the CSS be top change the color of the text link in that buton… so if I made the background a light color with your CSS how would I chage the text to a dark color?

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [October 30, 2020, 9:36am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/6 "2020-10-30T09:36:30Z")

</div>

Thanks 🙂  
In this case, you may use something like this:

.current-menu-item a {  
color: red;  
}

---

<div class="post-metadata">

**Author:** ![steveax2](https://colorlibsupport.com/user_avatar/colorlibsupport.com/steveax2/32/3996_2.png) [@steveax2](https://colorlibsupport.com/u/steveax2)\
**Post date:** [November 2, 2020, 4:15am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/7 "2020-11-02T04:15:01Z")

</div>

Perfect!! thank you!!

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [November 2, 2020, 8:04am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/8 "2020-11-02T08:04:53Z")

</div>

You are welcome Steve 🙂

Have a nice week

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [November 2, 2020, 8:04am UTC](https://colorlibsupport.com/t/main-menu-can-i-change-color-of-button-for-active-page/26212/9 "2020-11-02T08:04:57Z")

</div>

Closed on November 2, 2020, 8:04am UTC