Question

Okay, I’m trying to make a greasemonkey script for facebook, and I need to change the color of the home button text to black, I managed to do it for the button that has your name on it, but I cant figure out how to do it for the home button!
This is how I did the button with your name on it, which works great!

$('.headerTinymanName').each(function(){
   $(this).css('color', 'black');
});

This is the css it has for the home button, but I have no idea how to change the color!

.slimHeader #pageNav a{color:#d8dfea}

I’m very confused, any help would be greatly appreciated! 🙂

Answer 1

How about this GreaseMonkey script:

// ==UserScript==
// @name           FBoo
// @namespace      FBoo
// @description    FBoo
// @include        https://www.facebook.com/home.php
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js
// ==/UserScript==

$('#navHome a').css('color', 'black');

If you want to give all the a tags in the header a black color at once you could go along these lines:

$('#headNav a').css('color', 'black');

Alternatively, you could do it without jQuery. A slightly hackish suggestion along those lines would be:

document.querySelectorAll('#navHome a')[0].style.color = 'black';