Comments on: Are your Top Content URLs Too Long?

By: John

John — Thu, 07 Aug 2008 14:38:02 +0000

Another Update to the CSS. I think Google may have changed their CSS slightly causing the URL to overlap into the cell below it when using this custom CSS. Here is a modified version that looks a little better:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.google.com/analytics/reporting/top_content)
{
.records td {
  padding: .2em !important;
  padding-top: .1em !important;
  padding-bottom: 1.9em !important;
  vertical-align: top !important;
}

.text_wrapper {
  white-space: normal !important;
}
 
 .text_wrapper .text_wrapper {
  white-space: normal !important;
  overflow: visible !important;
}

.text_wrapper a  { 
  position: relative; top: 0.4em !important;
  white-space: nowrap !important; 
}
 
}

By: John

John — Tue, 08 Jul 2008 15:01:25 +0000

I noticed that this was no longer working for me correctly in FF3. FF3 did not drop the content URL to the lower line so that it was under the data line like in the image. I modified the CSS to achieve a similar effect. If you are having problems, try the following instead:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.google.com/analytics/reporting/top_content)
{
.records td {
padding: .4em !important;
padding-bottom: 2.0em !important;
vertical-align: top !important;
}

.text_wrapper {
white-space: normal !important;
}

.text_wrapper .text_wrapper {
white-space: normal !important;
overflow: visible !important;
}

.text_wrapper a {
position: relative; top: 1.2em !important;
white-space: nowrap !important;
}

}

By: Levi C

Levi C — Fri, 16 May 2008 22:12:04 +0000

thanks for this kind of information.
I really helps me lessen the length of the URL’s.

More power.

By: John

John — Fri, 25 Apr 2008 15:00:12 +0000

That is the file on google’s server that is used when you view their site. It isn’t a local file.

Basically, just add the following where ever you put the other css in the post and it will double the length of the URL column at the expense of the other columns.

.records th.text {
text-align:left;
width:70%;
}

By: Aizkorri

Aizkorri — Fri, 25 Apr 2008 14:46:56 +0000

thank you,
but I still have problems :),

I’ve been checking but I cannot find that css file or any similar,
should it be in the same directory as userContent.css? or somewhere with the temporary files?

I’ve also tried adding it to userContent.css with no results. (just in case…)

so, could you please tell me where can I find that file?

thanks in advance

By: John

John — Fri, 25 Apr 2008 14:06:38 +0000

Aizkorri,

Try working with this piece of css:

.records th.text {
text-align:left;
width:35%;
}

in the file: 1400089358-ga.css (line 2712)

Try changing the 35% to 70%.

By: Aizkorri

Aizkorri — Fri, 25 Apr 2008 10:24:19 +0000

very useful,
anyways, I’ve been also trying to make the column as wide as the text, but no success,
any ideas?

By: Rebecca

Rebecca — Thu, 10 Apr 2008 23:57:21 +0000

Yea! It works, this is sooooo nice!

By: Jeff

Jeff — Fri, 04 Apr 2008 15:53:51 +0000

This is awesome, been wondering if there was a way to fix that but never took the time to try.

By: haiming

haiming — Fri, 04 Apr 2008 02:20:50 +0000

Wow,cool,Thanks for the great tip.I am using Firefox and I can use this tip.
Thanks