# Change menu font color & logo image on home page only

**URL:** <https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502>\
**Category:** Illdy\
**Created:** [June 10, 2022, 3:36am UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502 "2022-06-10T03:36:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![rajnikur](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/r/e56c9b/32.png) [@rajnikur](https://colorlibsupport.com/u/rajnikur)\
**Post date:** [June 10, 2022, 3:36am UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/1 "2022-06-10T03:36:29Z")

</div>

I want to change the menu font color on the home page but keep it the same for all other pages, and also, use a different logo image on the home page only and keep it the same for all other pages. I’ve tried to come up with the CSS on my own, but I’m not getting it right. Please help!

---

<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:** [June 10, 2022, 10:52am UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/2 "2022-06-10T10:52:50Z")

</div>

Hi there

Let me see it, please provide URL of the website and screenshots if necessary

---

<div class="post-metadata">

**Author:** ![rajnikur](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/r/e56c9b/32.png) [@rajnikur](https://colorlibsupport.com/u/rajnikur)\
**Post date:** [June 10, 2022, 1:15pm UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/3 "2022-06-10T13:15:42Z")

</div>

Thank you. I figured out how to change the menu, but still need help with the logo. This is what I used for the menu:

#header.header-front-page .header-navigation ul li a{  
color: #050a30;  
}

---

<div class="post-metadata">

**Author:** ![rajnikur](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/r/e56c9b/32.png) [@rajnikur](https://colorlibsupport.com/u/rajnikur)\
**Post date:** [June 10, 2022, 1:16pm UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/4 "2022-06-10T13:16:55Z")

</div>

Here’s the URL: [https://reasonedstrategy.wpcomstaging.com/](https://reasonedstrategy.wpcomstaging.com/)

---

<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:** [June 13, 2022, 9:13am UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/5 "2022-06-13T09:13:06Z")

</div>

Hi there

So, do you want to have a different logo for the homepage? I’m afraid this is not possible since there is no such option and its also not possible by custom CSS

Regards

---

<div class="post-metadata">

**Author:** ![rajnikur](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/r/e56c9b/32.png) [@rajnikur](https://colorlibsupport.com/u/rajnikur)\
**Post date:** [June 15, 2022, 3:08am UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/6 "2022-06-15T03:08:26Z")

</div>

I actually figured it out! I got this work with CSS today!!

---

<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:** [June 15, 2022, 9:05am UTC](https://colorlibsupport.com/t/change-menu-font-color-logo-image-on-home-page-only/32502/7 "2022-06-15T09:05:04Z")

</div>

That’s nice to hear 🙂