TRVL Theme Menu color

• 

  gsprendergast · Member · Sep 4, 2014 at 10:19 pm

  • Copy link
  • Add topic to favorites

  I’d like to change the colors on my header menu from teal/red to Pink (like the header image)/white

  I already added this code to move the menu up:

  body {
  position: relative;
  padding-top: 10px;
  }

  .navigation-main {
  position: absolute;
  top: 0;
  }

  What code will change the font colors of the menu items and where do I put it?

  Just started CSS today, so generally clueless.

  thanks
  -g
  http://www.bibirizer.com

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

• 

  lizthefair · Member · Sep 4, 2014 at 10:24 pm

  • Copy link

  Hi there,

  Your blog is currently set to private which means volunteers can’t help you. If you are willing to make your site public for at least as long as it takes to add the code you need I’m happy to help. If you’d rather not go public, let me know and I’ll mark this thread for staff to come help you as soon as they can (Staff can see private blogs, so you won’t have to make it public).

• 

  gsprendergast · Member · Sep 5, 2014 at 4:42 pm

  • Copy link

  I changed the setting to public. Any help would be great.

• 

  hallluke · Member · Sep 5, 2014 at 5:16 pm

  • Copy link

  Try pasting this in under the styles you’ve already added to your CSS:

  .navigation-main a {
    color:#fff;
  }
  
  .navigation-main a:hover {
    color:#F136CE;
    border-color:#F136CE;
  }

• 

  lizthefair · Member · Sep 5, 2014 at 5:19 pm

  • Copy link

  I think this will do it!

  .navigation-main li a{
      color: #F136c3 !important;
  }
  .navigation-main li a:hover{
      color: white !important;
       border-bottom: 3px solid white;
  }
  
  .navigation-main li a::selection{
        background: none;
  }