How to turn off page breaks in Google Docs?
Google DocsGoogle 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;
}
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
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
- install stylebot extension from webstore https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
- go to G-document, set appropriate minimal view mode
- click stylebot icon (css) in toolbar of Chrome
- click "Open Stylebot"
- on very first line of new window, which is reading "select an element", insert text .kix-page-compact::before
- set border-style to none
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:
- open your document on google docs
- 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) :