cuom1999's blog

By cuom1999, history, 3 years ago, In English

When I go to the complete problemset page (example), it displays a beautiful HTML page. However, when I print it with ctrl + P to get a PDF, it gives me a file with 2 columns per page (like the below image).

How can I make it one column per page, like in the HTML?

  • Vote: I like it
  • +57
  • Vote: I do not like it

| Write comment?
»
3 years ago, # |
  Vote: I like it 0 Vote: I do not like it

I remember there was some extension which could take the screenshot of the whole page (You can search). You can use it and convert the taken screenshot to PDF, maybe.

»
3 years ago, # |
Rev. 3   Vote: I like it +28 Vote: I do not like it

Open up devtools, and change this part in problem-statement.css from

    .compact-problemset .problem-frames {
        column-count: 2
    }

to

    .compact-problemset .problem-frames {
        column-count: 1
    }

(In Chrome, you can first press the {} icon at the bottom to prettify it)

  • »
    »
    2 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Thank you for your information. I have writen a Tempermonkey script to make it easier, here is the GreasyFork link: CodeForces Print Helper

    • »
      »
      »
      17 months ago, # ^ |
        Vote: I like it -17 Vote: I do not like it

      Thank you dude Upvoted your comment.

      So useful tool I was so annoyed with the design of printing.