User CSS for customizing Yahoo Mail

10 Aug 2015

Posted by Khalemy No comments yet

This post aims to provide users of Yahoo Mail with a solution to the "problem" of the day of week grouping. We offer this simple hack/solution for those users who need it. On a side note, this post is also a philosophical stance regarding Yahoo's decision (late July 2015) to not change the feature, to not make it optional and to impose its views upon all users of Yahoo Mail.

The solution

The solution consists in using CSS to hide the grouping labels. The CSS rule is made of the three lines below and must be added to a file whose name and location depend on the Web browser that you are using.

.tc .list-view-item-date-label {
  display: none !important;
}

Instructions

The instructions below apply to some Web browsers but can be adapted to any other browser. For other browsers, one should refer to their documentation to see whether the specific browser supports user styles and the specifics of that support.

You must:

Create the user style file in a specific location or, if the file already exists, add the three lines of CSS above to the file.
Depending on the browser, tell it where the file is.
Restart your browser (this is just to be safe as some browsers take it into account immediately or after reloading the webpage).

Note that the paths given below apply to the most recent versions of Windows in their default settings. Actual paths on any given system may be different.

Firefox (and derivatives)

The file is named userContent.css and must be placed in a folder named chrome under the user's profile folder. On Windows Vista and later versions, the profile folder is usually in C:\Users\<user name>\AppData\Roaming\Mozilla\Firefox\Profiles.

General instructions about userContent.css from Mozilla are available here.

Opera (Presto-based versions)

The Presto-based versions of Opera are more flexible than Firefox: the file can bear any name and be stored wherever the user wants, even though a standard filename and a standard location exist.

With the default settings or conventions, the file is to be named user.css and placed in the default user CSS folder. To find out the complete path to the user CSS folder, click Help in the main menu bar, then click About Opera. In the Paths section of the page, look for the value of User CSS directory. That's where the file should be created.

You can override the default name and path conventions for a specific website. Open a page on the website and right-click on the page. Select Edit Site Preferences... then click the Display tab. At the bottom of the dialog window, you can specify in My style sheet which file you want to use as the user stylesheet file.

Chromium

The file is named Custom.css and is to be placed (on Windows systems) in C:\Users\<user name>\AppData\Local\Chromium\User Data\Default\User StyleSheets.

Google Chrome

The file is named Custom.css and is to be placed (on Windows systems) in C:\Users\<user name>\AppData\Google\Chrome\User Data\Default\User StyleSheets.