User stylesheet to force the display of the notes field in the ExpressionEngine downloads area

Posted on: 10th Jan, 2011 in ExpressionEngine, News,

Whenever I visited the ExpressionEngine downloads area I got frustrated with the fact that the (really very helpful) notes field is hidden by default. In this article I’ll show you how to get around this if you are using Google Chrome.

Image to support this User stylesheet to force the display of the notes field in the ExpressionEngine downloads area

When you purchase a license for ExpressionEngine it is stored in your own personal downloads section of the ExpressionEngine website. Alongside each product is a notes field where you can add notes. I use this field to remember the client/website where the license is in use. Unfortunately though, this notes field is hidden by default; you have to click a link to show each notes field individually which can be very frustrating. Here I detail how you can get around this using an extension for Chrome and a simple user stylesheet.

Please see the comments below where Ryan Masuga mentions how to accomplish the same thing in Safari.


You have to be running Google Chrome (although this probably works with greasemonkey, and stylish on Firefox as well)

You have to have purchased an ExpressionEngine license!!


  1. If you don’t already have the Stylebot plug-in installed, install it (Note: this probably works with the Greasemonkey or Stylish extensions on Firefox as well).
  2. Go to the ExpressionEngine downloads area and log in if you need to.
  3. Open up Stylebot by clicking on the little CSS icon in the address bar of Chrome.
  4. Click on the ‘Edit CSS’ button at the bottom of the window that pops up.
  5. Paste in the following code – you only really need the first bit, but I was trying to save vertical space by rearranging things slightly):

div.tableNewTwo * { 
    display: block;

div.tableNewTwo form textarea { 
    height: 15px; 
    width: 400px; 

div.tableNewTwo div.toppad input[type=“submit”] {
    position: absolute;
    left: 450px;
    margin-top: -25px;
  1. Click the ‘Save’ button.
  2. Click the ‘X’ icon in the top-right of Stylebot to close the Stylebot window.
  3. Enjoy!


Update: Please let me know if you you work out what you need to be able to do this in Safari, Firefox, et al, and I’ll add it to here, or link to your blog post.

Update 2: Ryan Masuga’s given details on how to accomplish the same thing in Safari.


Ryan Masuga said::
I got this to work in Safari by downloading the "User CSS" extension (

I set the domain to "*" and I had to add "!important" to the first rule and the width in the second rule.
Posted on Jan 12th at 02:51 PM
.(JavaScript must be enabled to view this email address) said::
Thanks Ryan. I've pointed people to your comment in the article.
Posted on Jan 12th at 03:09 PM


Email (required, not displayed):

URL (not displayed):

Your comment:

Please don't make me type in my details again.

Let me know if anyone else comments.

Please enter the word you see in the image below:

Request a quote

Let's start talking about your project. Just send an enquiry in via the contact page or call me on the telephone and we'll take it from there.


Email Newsletter

Why not subscribe to my email newsletter containing latest news and tips? You can unsubscribe at any time and your details won't be passed on to any third-parties.