changing menu colour

• 

  travelerwellness · Member · Sep 11, 2014 at 4:22 pm

  • Copy link
  • Add topic to favorites

  Hi Brains of wordpress,

  I am wordpress challenged at the moment. I’d like to change the colour of my menu bar on the front page of my site and have tried various css code with no success. Any advice appreciated.

  I’m using a linen theme, site is called http://travelerwellness.wordpress.com/

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

• 

  hallluke · Member · Sep 11, 2014 at 4:28 pm

  • Copy link

  Here’s how to do it just on your home page, if you want the same colour on every page on your site just delete the .home bit at the beggining:

  .home #navigation {
    background-color:#ddd;
  }

  And maybe include this if you want a bit more of a gap before the text of your first menu item:

  .home #navigation li:first-child {
    margin-left:10px;
  }

• 

  travelerwellness · Member · Sep 11, 2014 at 4:58 pm

  • Copy link

  Hi Hallluke,

  Thank you for taking the time to help. I used the code you gave me to change the menu colour on my front page but it is still a green colour. Does it matter if some are pages and others are catergories, within the menu?

  On another note would you happen to know how I can change the colour of the read more tab and the colour associated with the date?

• 

  hallluke · Member · Sep 11, 2014 at 5:51 pm

  • Copy link

  Ah you meant the text colour not the background colour, try this instead:

  .nav a:link, .nav a:visited {
    color:#f00;
  }

  This code should change the read more and the date background colours should you want to switch that too:

  .slide-content a.more-link {
    background-color:#f00;
  }
  
  .post-date {
    background-color:#f00;
  }

  Let me know how you get on!

• 

  travelerwellness · Member · Sep 12, 2014 at 1:55 am

  • Copy link

  Hi hallluke,

  Thank you once again for taking the time to answer my questions, I really appreciate it :). I have great news, I managed to change the colours of everything with the code you so generously supplied. Thank you for saving me a migraine.

• 

  hallluke · Member · Sep 12, 2014 at 8:07 am

  • Copy link

  I’ve just checked your site out and it looks like you’re missing the closing curly bracket “}” from the first line of code in your CSS which is messing with your custom rules, try adding it back in and the rest of them should start taking effect again.

• 

  travelerwellness · Member · Sep 17, 2014 at 9:22 am

  • Copy link

  Hi hallluke,

  Thank you for your advice. Do I add the little } on the first line of the css? It explains a lot about why I haven’t been able to change anything on CSS, I just thought I was getting the code wrong all the time.

• 

  hallluke · Member · Sep 17, 2014 at 10:30 am

  • Copy link

  The first few declarations should look something like this:

  #content .entry-title{
    color:#000;
  }
  
  .navigation-main,
  .navigation-main li {
    background-color:#08a42e;
  }
  
  .primary-navigation a {
    font-size:30px;
  }

• 

  travelerwellness · Member · Sep 18, 2014 at 2:13 pm

  • Copy link

  Thank you Hallluke for being such a great help :)