Title: Menu a:active ? Last modified: August 22, 2016 --- # Menu a:active ? * [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/) * Hello, thank you for this wonderful theme. * I would like to touch your CSS. * I have already done it a little bit, as you can see here [http://marion-bouvier.com/](http://marion-bouvier.com/) * How can I say “On these URL pages, this link in the main menu should look like this” ? * Regards, Claire. Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/menu-aactive/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-aactive/page/2/?output_format=md) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740170) * 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 * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740173) * Hello ! Thank you for this quick answer. I want to change menu link color on specific page. * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740179) * 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](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](http://codex.wordpress.org/Child_Themes) or add it in your site using the following plugin: * [http://wordpress.org/plugins/simple-custom-css](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 * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740181) * Thank you, I am going to try this right now 🙂 * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740182) * 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. * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740184) * and the other one, I would like them to stay in gray * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740185) * 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 * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740188) * Hey Claire, * To make them stay gray simply replace the color hex value (#26268a) with the color of your choice. * Best regards, Bojan * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740193) * 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 🙂 * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740198) * 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 * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740199) * it works perfectly ! Thank you for you help. * Kind regards, Claire. * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740200) * Glad I could help 🙂 * Cheers, Bojan * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740332) * 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/](http://marion-bouvier.com/accueil/interpretation/) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740336) * 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 * Thread Starter [Claire Notelaers](https://wordpress.org/support/users/claire-notelaers/) * (@claire-notelaers) * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/#post-5740348) * Perfect,thank you ! Time to do the SEO now 🙂 * Kind regards, Claire. Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/menu-aactive/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-aactive/page/2/?output_format=md) The topic ‘Menu a:active ?’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/origami/1.10.3/screenshot.png) * Origami * [Support Threads](https://wordpress.org/support/theme/origami/) * [Active Topics](https://wordpress.org/support/theme/origami/active/) * [Unresolved Topics](https://wordpress.org/support/theme/origami/unresolved/) * [Reviews](https://wordpress.org/support/theme/origami/reviews/) * 16 replies * 2 participants * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/menu-aactive/page/2/#post-5740357) * Status: not resolved