Jump to content

Formatting Page for Print with CSS

Recommended Posts

Site URL: https://bronze-chicken-z9nj.squarespace.com/proposal-sample-1

Hello!

I'm working off a trial at the moment to see if Squarespace is the right way to go for putting together proposals for my organisation through password protected unlinked pages.

https://bronze-chicken-z9nj.squarespace.com/proposal-sample-1
Password: independent

I'm trying to play with custom css to make printing the pages look better to avoid having to design print/digital separately, but I can't seem to figure it out.

What I'm looking to do is:

  1. Start sections on new pages to avoid content being split between pages as much as possible
  2. Remove the left/right margins/padding in sections so it doesn't print as a very narrow column

Anybody know how to do this?

Thanks very much for your help!

Link to comment
  • Replies 4
  • Views 527
  • Created
  • Last Reply

Top Posters In This Topic

#1. You can describe this? "avoid content being split between pages as much as possible"

#2. Add to Design > Custom CSS

@media print {
body#collection-61ee38d45c1df920b60e6459 {
.content {
    width: 100% !important;
}
.content-wrapper {
    max-width: 100% !important;
    padding: 0 !important;
}}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/25/2022 at 9:37 PM, tuanphan said:

#1. You can describe this? "avoid content being split between pages as much as possible"

#2. Add to Design > Custom CSS

@media print {
body#collection-61ee38d45c1df920b60e6459 {
.content {
    width: 100% !important;
}
.content-wrapper {
    max-width: 100% !important;
    padding: 0 !important;
}}}

 

Thanks for the response!

What I mean for #1 is having sections starting on a new page each time so something like the attached doesn't happen.

Screen Shot 2022-01-27 at 9.07.13 am.png

Link to comment
On 1/28/2022 at 6:54 AM, AndrewIPG said:

Thanks for the response!

What I mean for #1 is having sections starting on a new page each time so something like the attached doesn't happen.

Screen Shot 2022-01-27 at 9.07.13 am.png

The image has error. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.