Hey there Claire,
How are you doing today?
Not sure what exactly are you looking to do. Are you looking to change menu link color on specific page (example on contact page menu items are green) or you want specific menu item to have different color on all pages? Generally both things are possible with some custom CSS.
Please let me know so I can help 🙂
Best regards,
Bojan
Hello !
Thank you for this quick answer. I want to change menu link color on specific page.
Hey again Claire,
In order to achieve this you’ll have to target selector for that specific page. Go to the page where you want to do this (I’ll use contact page as an example) and use developer tools to inspect the page. Search for the body element and look for the page id http://screencast.com/t/nmY8rFr0v. So to change menu link color on contact page you should try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css :
.page-id-549 #menu ul li a {
color: #eedb73;
}
This should change color of the navigation links only on contact page.
Hope this helps 🙂
Cheers,
Bojan
Thank you, I am going to try this right now 🙂
Sorry, I didn’t mean this.
On Page Contact, I would like “Contact” to look like onmouseover, and I would like it to stay like this as long the visitor is in this page.
and the other one, I would like them to stay in gray
Hey Claire,
Thanks for the clarification. This is what I thought in the first place when I saw thread title but after I’ve read your post I thought you want something else.
To do this please try adding this code:
#menu ul li.current-menu-item a {
color: #26268a;
font-size: 20px;
text-decoration: none;
font-family: aldosemibold, arial;
}
This should make your active menu item look like when hovered.
Hope this helps 🙂
Best regards,
Bojan
Hey Claire,
To make them stay gray simply replace the color hex value (#26268a) with the color of your choice.
Best regards,
Bojan
ok, great ! But… (sorry about the but)
For example, go on traduction
Traduction is in blue, perfect.
How do I do to let Traction in blue when I will be in “References”, depending of Traduction ?
Best regards 🙂
Hey there Claire,
I’m not sure this is the best solution for this since these different pages current menu item is not being affected with the CSS I provided. You can try adding the following:
.page-id-84 #menu-item-1161 a, .page-id-93 #menu-item-1160 a {
color: #26268a;
font-size: 20px;
text-decoration: none;
font-family: aldosemibold, arial;
}
This should make the menu items displayed like when hovered when user is on References pages.
Hope this helps 🙂
Cheers,
Bojan
it works perfectly ! Thank you for you help.
Kind regards,
Claire.
Hello again 🙂
I still have need your help for a simple thing.
How do I align these 3 columns :
Langues d’interprétation
with
Interprétation simultanée (avec matériel)
with
Interprétation chuchotée (sans matériel)
Thanks again for your help.
Kind regards,
Claire.
P.S. : http://marion-bouvier.com/accueil/interpretation/
Hey there Claire,
Please try adding the following CSS:
.panel-grid-cell .panel:last-child {
padding-top: 0;
}
.panel-grid-cell .feature-icon {
padding-top: 0;
}
div#panel-1-0-0 {
margin-top: -11px;
}
This should align those three columns.
Hope this helps 🙂
Best regards,
Bojan
Perfect,thank you ! Time to do the SEO now 🙂
Kind regards,
Claire.
