Top menu

• 

  erickr0driguez · Member · Oct 26, 2016 at 3:43 pm

  • Copy link
  • Add topic to favorites

  Hi folks, hope all is well.

  I’m just having some issues with changing the top menu bar social icon color to white. I was able to partially change the section but not the social icons and the bottom search bar.

  Bellow is what i tried and some other combos…

  .top-bar .header-social-menu {
  color: #ffffff;
  }

  I’m really looking to have that social/search section completely in white.

  Any help will be greatly appreciated.

  Sláinte, ER

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 28, 2016 at 6:04 am

  • Copy link

  Hi there, add the following to change the social icons to white.

  .social-list li a::before {
      color: #fff !important;
  }

• 

  erickr0driguez · Member · Oct 28, 2016 at 12:20 pm

  • Copy link

  hi thesacredpath,

  Thank you for your input. The above css resolve partially what I was trying to accomplish. The bar under the search item remains black.

  Please take a look at the original theme site. https://prosperitydemo.wordpress.com Theirs is all in white.

  Once again, thank you and if you’re able to provide additional input it will be much appreciated.

  Regads,

  ER

• 

  thesacredpath · Member · Oct 28, 2016 at 6:15 pm

  • Copy link

  ER, glad we are getting things worked out. For the bottom border in the search, add the following to your custom CSS to change the color to white.

  #masthead .top-bar .search-form .search-field {
      border-color: #fff;
  }

• 

  erickr0driguez · Member · Oct 28, 2016 at 7:11 pm

  • Copy link

  thesacredpath,

  Thank you so much. It looks great now thanks to you.

  Sláinte,

  ER

• 

  thesacredpath · Member · Oct 29, 2016 at 3:27 am

  • Copy link

  Hooray and you are welcome!