How to turn off page breaks in Google Docs?

Google Docs

Google Docs Problem Overview


How do I turn off page breaks in Google Docs so I just have a single continuous scrolling document?

I don't think this method applies anymore.

I never want to print out my Google Docs. The page breaks are distracting and mess up my formatting. (For example, when I have footnotes inside a table that crosses a page boundary, the footnotes break up the table!)

Google Docs Solutions


Solution 1 - Google Docs

In 2016: Turn off "Print Layout" from the "View" menu.

Now, 2022, there is a specific feature extending these capabilities in "File / Page Setup" : https://support.google.com/docs/thread/150905607/google-docs-new-feature-pageless?hl=en

Solution 2 - Google Docs

I also rarely want to print my google docs, and the breaks annoyed me as well.

I installed the Page Sizer add-on from the add-ons menu within google docs, and made the page really long.

The page settings work globally. So your collaborators will also enjoy a page page-break-free experience in google docs, unlike the style-bot solution.

Update

Google now provides this feature out of the box.

File > Page Setup > Pageless

Solution 3 - Google Docs

One option is to just double click the page break line and Google will automatically removed them.

For reference: https://www.youtube.com/watch?v=5Qq3KxGHm3g

Solution 4 - Google Docs

The solution I came up with was to use the publishing feature.

File > Publish to the web...

Then in the URL you can just replace the .../edit path with .../pub

This solves the problem described in the question of breaking up a table with footnotes.

Solution 5 - Google Docs

The only way to remove the dotted line (to my knowledge) is with css hacking using plugin.

  • Install the User CSS (or User JS & CSS) plugin, which allows adding CSS rules per site.

  • Once on Google Docs, click the plugins icon, toggle the OFF to ON button, and add the following css code:

.

.kix-page-compact::before{
    border-top: none;
}

enter image description here

Should work like a charm.

Solution 6 - Google Docs

This answer is a summary of comments; but it really deserves its own answer.

The accepted answer (by @BjarkeCK) works, but as written, there is a maximum allowable page height of about 120 inches — roughly the height of 11 normal sized pages. So this is not a perfect solution.

However, there is a hack. You have to edit the source code of your local browser which renders the Page-Sizer settings window and either increase or delete the max attribute for the page height input. As shown in the following screen shot.

Page-Sizer Add-on

enter image description here

To access the source code you need to edit, position your cursor inside the custom height field, right-click, then choose inspect element.

Note that you also have to delete all the page breaks in your original document otherwise no data will render after the first one.

Solution 7 - Google Docs

If You want to REMOVE page break from document

> use Edit / Find-Replace \f with regex

If You want to TURN OFF (as You asked)

> uncheck "Print Layout" from the "View" menu, but dotted lines will remain indicating page breaks

Solution 8 - Google Docs

Other than that open the "View" menu at the top of the screen and un-check "Print Layout." Page breaks will now only be shown as a dashed line.

Solution 9 - Google Docs

A long-term solution: userscript

You can use a userscript like Tampermonkey (if you are using Chrome or Edge-Chromium, here is the extension)

Then create a script and paste this in it:

// ==UserScript==
// @name         Google docs
// @include      https://*docs.google.*/document/*
// @grant    GM_addStyle
// ==/UserScript==

GM_addStyle ( `
    .kix-page-compact::before {
        border-top: none;
    }
` );

A temporary fix: developer console

You can use the developper console. In Chrome:

  1. open your document on google docs
  2. click in the url field and press ctrl+shift+I (or right click just above help and select "view page source)

Then modify the css (cf the steps on the printscreen below) :

  1. once the console is loaded press ctrl+F and paste this : kix-page kix-page-compact
  2. click on the div just below the one that is highlighted in yellow
  3. in the right part, paste this in the filter box : .kix-page-compact::before
  4. click on 1px dotted #aaa next to border-top and replace it by none
    enter image description here
Categories

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionLet Me Tink About ItView Question on Stackoverflow
Solution 1 - Google DocsKrastanovView Answer on Stackoverflow
Solution 2 - Google DocsBjarkeCKView Answer on Stackoverflow
Solution 3 - Google DocsKen CView Answer on Stackoverflow
Solution 4 - Google DocsLet Me Tink About ItView Answer on Stackoverflow
Solution 5 - Google DocsJeremy ChoneView Answer on Stackoverflow
Solution 6 - Google DocsLet Me Tink About ItView Answer on Stackoverflow
Solution 7 - Google DocsAndriuZView Answer on Stackoverflow
Solution 8 - Google Docscrua9View Answer on Stackoverflow
Solution 9 - Google DocsMagTunView Answer on Stackoverflow