Twenty Fourteen – How to change color of current item in primary menu ?
-
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.pngThanks 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)
-
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; } -
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 ?
I would like to have my red color in place of the grey …
Thanks for your support
Dvismusic -
Hi, I’m not seeing the slider on your main page right now, but the grid of featured posts.
-
-
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. ;)
-
Hi,
Yeah your green is awful, but the lesson was very clear, thanks to you again
DvisMusic
-
-
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 :
I hope you could help me again on this new issue,
Thanks and best regards
DvisMusic
- The topic ‘Twenty Fourteen – How to change color of current item in primary menu ?’ is closed to new replies.