Looking to make a site more readable and useful

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Wish You Were Here
Posts: 171
Joined: April 10th, 2010, 1:39 am

Post Posted March 15th, 2017, 5:41 pm

OK, I'm really dumb when it come to this stuff and this request may not even be in the right place. I probably want some kind of CSS editing, but I don't really understand it.

These guys really messed up their site and I need a way to override some of what they did: ... returns-db

I found a way to remove the blue header, but it makes the board title text less readable. Also, the hyperlinks aren't discernible since they made them black. I can change some of that with Preferences >> Appearance, but that works browser wide. I only want to change this one site.

Where do I need to be looking?


User avatar
Posts: 125263
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Post Posted March 16th, 2017, 4:40 am

Moving to Web Development


User avatar
Posts: 2135
Joined: May 5th, 2004, 10:40 am
Location: Belgium

Post Posted March 19th, 2017, 12:39 pm

You're looking for Stylish:

Then by right-clicking and choosing "Inspect element" you can see which styles apply. It's not immediately obvious to me where that blue header is coming from, but since you've already figured it out all you have to add to change the text is to put something like this in Stylish:

Code: Select all
#lia-body .lia-content .lia-component-custom-board-header .title {
    color: black !important;

The !important is an override without which the user style won't apply. This is per-spec, although imo the spec is broken in this case.
Intelligent alien life does exist, otherwise they would have contacted us.

Return to Web Development / Standards Evangelism

Who is online

Users browsing this forum: No registered users and 2 guests