change menu header color

• 

  mainelywhoopies · Member · Feb 19, 2018 at 10:28 pm

  • Copy link
  • Add topic to favorites

  How do i change the menu header color?

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

• 

  fencoptyltd · Member · Feb 20, 2018 at 12:15 am

  • Copy link

  I am also wondering the same and every CSS code I have found doesnt seem to work.

  I need to change the primary menu colour to #025d93 for http://www.fenco.com.au

• 

  fencoptyltd · Member · Feb 20, 2018 at 12:15 am

  • Copy link

  I am also wondering the same and every CSS code I have found doesnt seem to work.

  I need to change the primary menu colour to #025d93 for http://www.fenco.com.au

• 

  shubhamgmath · Member · Feb 20, 2018 at 4:53 am

  • Copy link

  Hi mainelywhoopies

  To change the menu header color you have to add the following custom CSS code in your CSS file.

  ul#top-menu li a {
      color: blue;
  }

  You can change the color as per your requirement.

  To add custom CSS you must be under premium or business plan.
  To know more about the plans feature and pricing here is the link for that :
  https://wordpress.com/pricing/

  hope this helps, feel free to ask

• 

  shubhamgmath · Member · Feb 20, 2018 at 4:56 am

  • Copy link

  Hi fencoptyltd

  To change the menu header color in your site you have to add the following custom CSS code in your CSS file.

  ul#menu-test-menu li a {
      color: #025d93;
  }

  To add custom CSS you must be under premium or business plan.
  To know more about the plans feature and pricing here is the link for that :
  https://wordpress.com/pricing/

  hope this helps, feel free to ask

• 

  fencoptyltd · Member · Feb 20, 2018 at 5:10 am

  • Copy link

  Hi Shubhamgmath,

  Thanks for your reply. I just tried that but it changed the text colour. I want the background colour of the whole menu bar to be #025d93;

• 

  shubhamgmath · Member · Feb 20, 2018 at 5:21 am

  • Copy link

  Hi fencoptyltd

  Sorry fencoptyltd, i taught you asked for menu color to change the background color of menu please add this code:

  ul#menu-test-menu {
      background-color: #025d93;
  }

  Hope this helps, feel free to ask if you have any doubts.

• 

  fencoptyltd · Member · Feb 20, 2018 at 5:25 am

  • Copy link

  We are nearly there. I wanted the whole top panel to have be #025d93 but just the text area. As you can see the whole current the top banner of the website is black. I want the whole nav bar to be in the blue colour no just the text area. e.g. logo needs to be on a blue background

• 

  shubhamgmath · Member · Feb 20, 2018 at 5:35 am

  • Copy link

  hi fencoptyltd

  To change the complete row with the same background color you can use this code:

  .row {
      background-color: #025d93;
  }

  But if you only want background color for logo and nav menu

  the for nav menu use the code i previously given and for logo use the code below:

  div#logo_blog {
      background-color: #025293;
  }

  Hope this helps, feel free to ask if you have any doubts.