Web Applications Stack Exchange is a question and answer site for power users of web applications. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have extra white space to the right on Gmail when I use the vertical split. It's where the "people" widget used to be, but I don't want the widget nor the space. I just want the email to use up all the space.

You'll see the space to the right, but still under the grey line.

How can I remove this?

share|improve this question
    
The Gmail interface has been changed a couple of times since this was posted. Is this still an issue? – Al E. May 24 '13 at 15:37
    

If you're using Chrome, the wasted empty space can be removed by install the Chrome extension Webmail Ad Blocker.

Once installed, go to the Manage Extensions page in Chrome and choose Options for this extension. Then under the Gmail tab, on the right, turn off the tick labelled "People Widget". Note: this is better than turning it off in Gmail settings because the wasted space is also removed.

While I also have AdBlock Plus installed, I have found adding this extension along side it to be a better solution than adding a mail.google.com##TD.Bu:last-child filter to AdBlock Plus because that filter also causes emails to be completely blanked out when the email page is displayed by clicking a desktop notification for a new email received.

share|improve this answer
    
Do you have any screen shots before/with various solutions? If not, no big, just wanted to make sure I'm following along correctly. – batpigandme Aug 9 '13 at 1:26
    
Very cool - this did the trick! – blackhawk Jan 27 at 23:45

From Rubén...: "The default location of the chat widget is at the left. In order to show it in the right, the user should enabled the lab "Chat on the right".

In order to get rid of the widgets right panel go to https://mail.google.com/mail/u/0/#settings/labs and disable the "Chat to the right" lab. Don't forget to click on the save button before leaving the labs settings page."

share|improve this answer
    
This is the correct answer. Other suggestions work but are 'hacks'. This 'labs' setting is the actual source of the issue. – Jean-Yves Fargeat Jul 13 at 4:29

It's because a div inside that td (<td class="Bu">) has a fixed width of 202px, so probably the best solution would be some script that sets the element's width to 0 or display: none.

enter image description here

Also note that the respective space is the default ads space, so I doubt you will be able to remove it with standard settings. It is present whether you enable or disable the People Widget.

share|improve this answer

Old question, but as this came up first when googling this issue with no other solution in sight, I figured it was ok to add to the discussion.

Using the StyleBox extension in Google Chrome, one could add this css to the page (after disabling the people pane in the gmail settings) and reclaim the space:

td.Bu div.nH.adC {
    width: 0;
}
share|improve this answer
    
I have to create a css containing this and put it on a webserver? Or is there another way? This answer could be more complete containing the information how to configure this in StyleBox – StampedeXV Oct 26 '15 at 14:53

Try this:

  1. Install AdBlock Plus if you haven’t done so yet.
  2. Open the AdBlock Plus options and add the following filter:
    mail.google.com##TD.Bu.y3:last-child

source: http://www.arnebrachhold.de/2011/08/08/hiding-the-ad-columns-in-gmails-new-split-pane-mode-firefox/

share|improve this answer
    
Use the filter "mail.google.com##TD.Bu.y3:last-child" to avoid a blank window when popping out the mail to new window – Sudhakar R Feb 21 '14 at 10:27

This tampermonkey script worked for me:

// ==UserScript==
// @name         Fix gmail splitview
// @namespace    http://your.homepage/
// @version      0.1
// @description  enter something useful
// @author       You
// @match        https://mail.google.com/mail/*
// @grant        none
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle('td.Bu.y3 {display: none;}');
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.