Twenty Fourteen – How to change color of current item in primary menu ?

• 

  dvismusic · Member · Apr 26, 2014 at 8:17 am

  • Copy link
  • Add topic to favorites

  Hi,
  I am using Twenty Fourteen theme, with some CSS customizations, I would like to change the color orange of the highlight item (which is the current one) in the menu, with a stronger orange color, could you tell me how to do this ?
  See :
  https://www.dropbox.com/s/oemye019j05usgc/Capture%20d%E2%80%99%C3%A9cran%202014-04-25%20%C3%A0%2000.20.23.png

  Thanks for you help,

  My site : dvismusic.com, currently private as it’s still underground construction phase

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

• 

  thesacredpath · Member · Apr 27, 2014 at 3:19 am

  • Copy link

  Hi there, the following will change the text color of current menu items to the same orange you have set for “Nourvelles” in your sidebar. You can edit that color code as desired if you want something different.

  .site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a, .site-navigation .current_page_item > a:after, .site-navigation .current_page_ancestor > a:after, .site-navigation .current-menu-item > a:after, .site-navigation .current-menu-ancestor > a:after {
      color: #FF6600;
  }

• 

  dvismusic · Member · Apr 27, 2014 at 1:51 pm

  • Copy link

  Hi, thanks for your prompt answer, your code is doing it !

  – In the same order, I think you could hep me to also change the color of the “square” for selected feature item, in the frontpage slider of the same theme, which currently moves from white color to grey color when me change the feature item in this slider ?

  See :
  https://www.dropbox.com/s/kie9zg2w96k3oi2/Capture%20d%E2%80%99%C3%A9cran%202014-04-27%20%C3%A0%2015.44.05.png

  I would like to have my red color in place of the grey …

  Thanks for your support
  Dvismusic

• 

  thesacredpath · Member · Apr 28, 2014 at 7:54 pm

  • Copy link

  Hi, I’m not seeing the slider on your main page right now, but the grid of featured posts.

• 

  dvismusic · Member · Apr 28, 2014 at 10:09 pm

  • Copy link

  Hi, I just changed to slider on main page so you could see and help me, thanks

• 

  thesacredpath · Member · Apr 29, 2014 at 12:49 am

  • Copy link

  Many thanks for changing back. This would be the code for the active square (dark grey).

  .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before {
      background-color: #C10026;
  }

  This is the light grey for the inactive squares.

  .slider-control-paging a:before {
      background-color: #66FF55;
  }

  There is also a hover color set for the inactive squares and this would be the code for it.

  .slider-control-paging a:hover:before {
      background-color: #ffee55;
  }

  Oh yeah, and please exuse my obnoxious demo colors. ;)

• 

  dvismusic · Member · Apr 29, 2014 at 4:10 pm

  • Copy link

  Hi,

  Yeah your green is awful, but the lesson was very clear, thanks to you again

  DvisMusic

• 

  thesacredpath · Member · Apr 30, 2014 at 1:01 am

  • Copy link

  You are welcome. :)

• 

  dvismusic · Member · Jun 3, 2014 at 6:34 am

  • Copy link

  Hi,

  I have a new question about color with a widget within tweenty-fourteen theme, as I’ve closed this current subject, I opened a new one here :

  https://en.forums.wordpress.com/topic/tweenty-fourteen-customize-colors-upcoming-event-widget-ebvcolors?replies=1

  I hope you could help me again on this new issue,
  Thanks and best regards
  DvisMusic