Make page title the same width as the content

I want to make the page title wider – particularly when viewed on desktop. At the moment, some of my titles go onto two lines. I’d prefer them to be single lines if possible.
I’ve tried using the Editor, to no avail, and I also tried CSS:

.wp-block-post-title {
width: 80%;
}

Or even…

h1.wp-block-post-title {
width: 80% !important;
}

That didn’t work either so I’m hoping someone here can help.

Thank you in advance.
Andy

• This topic was modified 1 year, 1 month ago by andynick.

The page I need help with: [log in to see the link]