Change menu color in a specific page

Hi everybody,

I’m trying to change the color of my menu, but only in the home page.

I’ve tried to add a specific css code but it didn’t work :S

Page id is 3198 and I want to change it to #ff6600

Can you guys help me?

Thank you :wink:

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

You can use the following CSS code to change the menu color by going to Appearance > Customize > Additional CSS and pasting it there.


/*Menu Color*/
.home .navbar.navbar-default {
    background-color: black;
}

Best Regards,
Support

Thank you! It works perfectly.

Just one more question: how do I change the logo and color fonts in the menu only in the home page?

Hello there,

The following CSS would do allow you change the color for the homepage logo and font:

/*Logo and font color in homepage*/
.home .navbar > .container .navbar-brand {
    color: white;
}

.home .navbar-default .navbar-nav > li > a {
    color: red;
}

Best Regards,
Support

this is the site: borjamoya.com

the font-color works perfectly. But I’m trying to replace the logo (png file) for another one. How would it be the code for the replacement? Considering I want to replace the logo by this one: http://borjamoya.com/wp-content/uploads/2017/04/borjamoya-logo-white-04-e1496565357113.png

Thanks again, and I’m sorry for the inconvenience :wink:

Hello there,

I hope you are doing well today.

Please try adding the following CSS code to change the logo image:

/*Logo*/
div#logo {
    content: url(http://borjamoya.com/wp-content/uploads/2017/04/borjamoya-logo-white-04-e1496565357113.png);
}

Best Regards,
Support

You guys are awesome. Thanks a lot!

Keep creating value :wink:

You are always welcome here :slight_smile: