Having one color menu button on the front page and another on the rest

• 

  daniabikesas · Member · Jan 21, 2016 at 11:20 am

  • Copy link
  • Add topic to favorites

  Hello!

  The title pretty much says it all. I’ve a problem where on the front page I need the menu button to be white, because my slider is dark/black. On all the other pages the background is white so I need it to be black. So basically:

  1. Frontpage needs to have regular/white menu button.
  2. Every other page needs to have a black menu button.

  Anyone who can help with this? I’d be very grateful. I’ve tried just about everything and I cannot come up with anything that works, but you guys are much smarter and more developed with CSS than me, so I was hoping maybe one of you could?

  Thank you so much in advance!

• 

  daniabikesas · Member · Jan 22, 2016 at 9:23 am

  • Copy link

  I am still having issues with this problem. I was hoping anyone could perhaps take a look at it? I wonder what the easiest solution might be. My template allows me to put a color for my menu, but only on all pages at once.

• 

  carladoria · Member · Jan 22, 2016 at 3:47 pm

  • Copy link

  Hi there,
  What is the link to your site?

• 

  daniabikesas · Member · Jan 22, 2016 at 3:49 pm

  • Copy link

  http://www.emikkelsen.com

• 

  carladoria · Member · Jan 22, 2016 at 4:16 pm

  • Copy link

  Hi there,
  Your site is a self hosted site, probably with WordPress.org software.
  This is a support forum for WordPress.com sites.
  To understand more about the differences between WordPress.org and WordPress.com, please visit this link:
  https://en.support.wordpress.com/com-vs-org/
  You can ask this question in the WordPress.org support forum:
  https://wordpress.org/support/

• 

  daniabikesas · Member · Jan 22, 2016 at 4:17 pm

  • Copy link

  I apologise for the misunderstanding. If anyone knows how to do it regardless, seeing as the custom css would be the same, I’d greatly appreciate the help. I will also open a case there. Thanks!

• 

  thesacredpath · Member · Jan 23, 2016 at 7:59 am

  • Copy link

  Hi @daniabikesas, we do not have the theme that you are using available here at WordPress.com, so we are not familiar with it.

  Taking a quick look, you can change the color of the menu icon globally to black, and then change just the home page back to white using the “home” CSS class defined in the opening body selector, like this.

  .overlay-menu-toggle {
      color: #000 !important;
  }
  .home .overlay-menu-toggle {
      color: #fff !important;
  }