Giantbomb Forums - CSS Font Color Tweak

Avatar image for binman88
Binman88

3700

Forum Posts

49

Wiki Points

0

Followers

Reviews: 1

User Lists: 2

Edited By Binman88

Maybe it's just me, but I find it a bit difficult to see the dark text below a thread title in the forum list (the one telling you the name of the board the thread is posted in), so I decided to do something about it and thought I'd share it here (this applies to the dark theme).
 
Custom stylesheets for websites aren't new, but in case anyone is wondering how to apply an edit like this on a site specific basis, here's a quick rundown of what you need to do. I use the Chrome browser, but there are comparable extensions/add-ons to let you do this in other browsers as well. 
 

  1. Open Chrome and install Personalised Web from the store.
  2. Once installed, click the wrench icon to the right of your navigation bar in Chrome, and go to Tools - Extensions.
  3. Scroll to Personalised Web, and click Options.
  4. Choose Add New Rule and type in a desired rule name
  5. In the Match URLs box, type in ^http://www.giantbomb.com
  6. In the Add CSS box, paste the following code

.forums tbody td.title a.board, .pms tbody td.title a.board, tbody td.user span { color: #FFC61A !important; } 

   7. Click the Save button and reload the forums! The aforementioned text will now be yellow in colour - as defined by the 6 character code #FFC61A. You can change this colour to anything you want (google hexidecimal codes to find the colour you want, or use Photoshop). 
   8. This edit also changes the colour of the time-stamp text below the author name and last poster - if you don't want this changed, simply remove the last section before the curly bracket in the code above, ie. ", tbody td.user span", so the code will look like the following 

.forums tbody td.title a.board, .pms tbody td.title a.board {color: #FFC61A !important;}

Hope this is of use to someone. Apologies if something like this has been posted before! 
 
(attached the the editing and tools forum, because that seems logical) 
Avatar image for binman88
Binman88

3700

Forum Posts

49

Wiki Points

0

Followers

Reviews: 1

User Lists: 2

#1  Edited By Binman88

Maybe it's just me, but I find it a bit difficult to see the dark text below a thread title in the forum list (the one telling you the name of the board the thread is posted in), so I decided to do something about it and thought I'd share it here (this applies to the dark theme).
 
Custom stylesheets for websites aren't new, but in case anyone is wondering how to apply an edit like this on a site specific basis, here's a quick rundown of what you need to do. I use the Chrome browser, but there are comparable extensions/add-ons to let you do this in other browsers as well. 
 

  1. Open Chrome and install Personalised Web from the store.
  2. Once installed, click the wrench icon to the right of your navigation bar in Chrome, and go to Tools - Extensions.
  3. Scroll to Personalised Web, and click Options.
  4. Choose Add New Rule and type in a desired rule name
  5. In the Match URLs box, type in ^http://www.giantbomb.com
  6. In the Add CSS box, paste the following code

.forums tbody td.title a.board, .pms tbody td.title a.board, tbody td.user span { color: #FFC61A !important; } 

   7. Click the Save button and reload the forums! The aforementioned text will now be yellow in colour - as defined by the 6 character code #FFC61A. You can change this colour to anything you want (google hexidecimal codes to find the colour you want, or use Photoshop). 
   8. This edit also changes the colour of the time-stamp text below the author name and last poster - if you don't want this changed, simply remove the last section before the curly bracket in the code above, ie. ", tbody td.user span", so the code will look like the following 

.forums tbody td.title a.board, .pms tbody td.title a.board {color: #FFC61A !important;}

Hope this is of use to someone. Apologies if something like this has been posted before! 
 
(attached the the editing and tools forum, because that seems logical) 
Avatar image for red12b
Red12b

9363

Forum Posts

1084

Wiki Points

0

Followers

Reviews: 0

User Lists: 6

#2  Edited By Red12b
@Binman88:  
DUDE! 
You're amazing, Cheers!
Avatar image for red12b
Red12b

9363

Forum Posts

1084

Wiki Points

0

Followers

Reviews: 0

User Lists: 6

#3  Edited By Red12b
@Binman88:  
What's the code for a lighter grey? 

Like maybe this or slightly lighter than this  

Avatar image for binman88
Binman88

3700

Forum Posts

49

Wiki Points

0

Followers

Reviews: 1

User Lists: 2

#4  Edited By Binman88
@Red12b: Try a few of these (in order of darkest to lightest) 
  
#606060
#808080 
#a0a0a0 
#c0c0c0
Avatar image for red12b
Red12b

9363

Forum Posts

1084

Wiki Points

0

Followers

Reviews: 0

User Lists: 6

#5  Edited By Red12b
@Binman88:  
Awesome 
#a0a0a0  
works a treat!
Avatar image for cirdain
Cirdain

3796

Forum Posts

1645

Wiki Points

0

Followers

Reviews: -1

User Lists: 6

#7  Edited By Cirdain
@dudeglove said:

This is probably insanely useful for colourbling folk. Cheers, OP

I was gonna ask why people would do this but, yeah that would make sense.
Avatar image for funexplosions
FunExplosions

5534

Forum Posts

-1

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

#8  Edited By FunExplosions
@dudeglove said:

This is probably insanely useful for colourbling folk. Cheers, OP

Coulorbling? Is that how Li'l Jon sees the world?
Avatar image for vexxan
Vexxan

4642

Forum Posts

943

Wiki Points

0

Followers

Reviews: 0

User Lists: 3

#9  Edited By Vexxan

This fix is so awesome, thank you!

Avatar image for alexander
Alexander

1760

Forum Posts

731

Wiki Points

0

Followers

Reviews: 1

User Lists: 4

#10  Edited By Alexander

Thanks for the fix, I'm using Firefox as my primary so I'll hope staff will see this thread and address the problem.

Avatar image for red12b
Red12b

9363

Forum Posts

1084

Wiki Points

0

Followers

Reviews: 0

User Lists: 6

#11  Edited By Red12b
@dudeglove said:

This is probably insanely useful for colourbling folk. Cheers, OP

 
 
BLINGAN!
Avatar image for mike
mike

18011

Forum Posts

23067

Wiki Points

0

Followers

Reviews: -1

User Lists: 6

#12  Edited By mike

Bumping this because it helped me with some visibility issues on one of my displays - check it out.