Title: Help customization Last modified: August 21, 2016 --- # Help customization * [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/) * Hello, I have installed and try to make adjustment on your theme Earth Pro but I have a technical question, i can’t find a way to change the take off the blue color that is on a link in my left menu when the page is active ???? and all the sub page ? I try everything, but can’t find where is hiden this option. see: [http://www.a-picture-from-switzerland.com/?page_id=73](http://www.a-picture-from-switzerland.com/?page_id=73) it’s even more obvious in the page “focales” best regards Laurent Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/help-customization/page/2/?output_format=md) [→](https://wordpress.org/support/topic/help-customization/page/2/?output_format=md) * [jzonewarrior](https://wordpress.org/support/users/jzonewarrior/) * (@jzonewarrior) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5163979) * I also have the same question as Laurent – thank you * [jzonewarrior](https://wordpress.org/support/users/jzonewarrior/) * (@jzonewarrior) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5163980) * I would like to remove the color next to the active menu page. * Thread Starter [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164061) * Can someone help us removing the blue color when a page is active !! please , anyone ? * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164063) * Hmm, I don’t see any blue color on the left menu, and I looked at the page using IE, Chrome, and Firefox. Maybe I am missing something? * [jzonewarrior](https://wordpress.org/support/users/jzonewarrior/) * (@jzonewarrior) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164064) * I found how to change the color in the .css code – I changed mine to a reddish color #C3000A you could set the color to the same as your menu background – there are two instances in the css code below .current_page_item a and li.current_page_item a * .current_page_item a {background:#017ab0; border-left: solid #C3000A 2px;} . main-navigation ul ul,.main-navigation li:hover ul a {background: #fdfdfd; transition: all 1s ease 0s !important; } .main-navigation ul ul a:hover,.main-navigation ul ul li.current_page_item a {background: #ededed; border-left: solid #C3000A 2px; } * Let me know if you need more help. * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164069) * Great. Just make sure you are not making changes to the theme’s files directly. If the theme gets updated because of feature enhancements, bug fixes, or security patches, then your changes will be lost. If the theme has a custom CSS option, use that to override the existing CSS. If it doesn’t have a custom CSS option, either create a [child theme](http://codex.wordpress.org/Child_Themes) or use a CSS plugin like Jetpack or [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/). * Thread Starter [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164072) * **CrouchingBruin**, you couldn’t saw the problem as my site wasn’t with the Earth Pro theme. now it is so please come and see the problem. * **jzonewarrior** I can’t get it, nothing works for me, can you please in a original copy of the Earth Pro files tell me where did you made the changes : witch line of code and what file. * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164073) * Hi, Laurent: * OK, now I see the problem. * I see also that you created a child theme, which is great. However, you did not need to copy over all of the CSS from the parent theme (Earth Pro) because the CSS from the parent theme is automatically brought in by this line at the top of your child theme style.css file: * ``` @import url("../earth-pro/style.css"); ``` * Now that I see the problem, how did you want to fix it? To keep the blue background, but just change the text to white, you can add this rule to the end of your child theme’s style.css file: * ``` .widget ul li.current_page_item a { color: #fff; padding-right:5px; } ``` * This makes the text of the current menu item white. I also added some padding on the right to make it look better. * Thread Starter [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164074) * thank you for your quick answer, I put all the original css because it is easier for me if I want to make change or test things. I would like to have no backgroung when a page is active, maybe just the text in bold or something simple. look also at the bottom of the page, the credit is the same color of the background so we can’t see it I think there is a mess with the colors in the css, as the elements are mixed together. I would like to have something like : Title color: a hover color : background color : …. * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164075) * > I would like to have no backgroung when a page is active, maybe just the text > in bold or something simple. * Add this CSS: * ``` .widget ul li.current_page_item a { color: #32a7db; font-weight: bold; background-color: #fff; border-left: 0; } ``` * > look also at the bottom of the page, the credit is the same color of the background > so we can’t see it * ``` footer#colophon .site-info a { color: #fff; } ``` * Thread Starter [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164076) * Well, I’m jealous :-)) I spend 2 days trying everything and in 3 seconds you save me :-))) A big big thank you * But (there is always a “but”) there is another problem, go to this page : [http://www.a-picture-from-switzerland.com/?page_id=104](http://www.a-picture-from-switzerland.com/?page_id=104) the active page is Miroirs but as you can see, the 2 childs links are also in bold ! not only the active page another example with the page Focales : [http://www.a-picture-from-switzerland.com/?page_id=4515](http://www.a-picture-from-switzerland.com/?page_id=4515) * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164078) * Replace what I gave you earlier with this: * ``` .widget ul li.current_page_item a { background-color: white; border-left: 0; } .widget ul li.current_page_item > a { font-weight: bold; } ``` * This should only make the current page bold and not any of the sub pages. * Thread Starter [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164079) * works perfectly :-)) thanks a lot * just on this page : [http://www.a-picture-from-switzerland.com/?page_id=164](http://www.a-picture-from-switzerland.com/?page_id=164) where I have a list of all pages, I still have this Fuc@#&°) background blue color on the active page * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164080) * That is because that page does not use the widget menu like the other pages. So modify the rules like this: * ``` ul.wsp-pages-list li.current_page_item a, .widget ul li.current_page_item a { background-color: white; border-left: 0; } ul.wsp-pages-list li.current_page_item > a, .widget ul li.current_page_item > a { font-weight: bold; } ``` * Thread Starter [xoxixox](https://wordpress.org/support/users/xoxixox/) * (@xoxixox) * [11 years, 10 months ago](https://wordpress.org/support/topic/help-customization/#post-5164081) * 😉 perfect !! may I ask you how to take off the thin dotted line in the right menu that appears under the names [http://www.a-picture-from-switzerland.com/?page_id=309](http://www.a-picture-from-switzerland.com/?page_id=309) they are not very nice I think Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/help-customization/page/2/?output_format=md) [→](https://wordpress.org/support/topic/help-customization/page/2/?output_format=md) The topic ‘Help customization’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/earth-pro/1.0.5/screenshot.png) * Earth Pro * [Support Threads](https://wordpress.org/support/theme/earth-pro/) * [Active Topics](https://wordpress.org/support/theme/earth-pro/active/) * [Unresolved Topics](https://wordpress.org/support/theme/earth-pro/unresolved/) * [Reviews](https://wordpress.org/support/theme/earth-pro/reviews/) * 20 replies * 3 participants * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/help-customization/page/2/#post-5164127) * Status: not resolved