overflow-wrap: normal is the default, so it won’t change wrapping. Twenty Twenty-Five often keeps titles on one line via nowrap / text-wrap.
In Additional CSS try:
.wp-block-heading, .wp-block-post-title, .wp-block-site-title { white-space: normal; overflow-wrap: anywhere; text-wrap: wrap; }
You can also select that heading in the editor, open Styles, and turn off nowrap there so you don’t need CSS.
Thanks, but I’m afraid I’m still struggling. Turning off nowrap seemed the simple solution but I can’t find where it is set. I went to edit the Title in my Pages template, and then selected styles but couldn’t find a nowrap option. I selected blocks and then Title. As I understand it this is the same as editing Styles directly. There was an Additional CSS option so I entered your suggested CSS but I’m still not getting wrap. I’m new to this stuff so I’m probably missing something.
warburtonwebsite.net
I’ve tied to reduce the problem a bit. I turned the Site Title into a paragraph, and fixed the length on some long titles.
Unfortunately I’m not very well versed in block editing, but I can tell you that the block itself or “block group” has an inline style of “min-width: 750px”. Because of that, the text of your heading will only wrap if the text itself is longer than 750px (which is unlikely).
Secondly, on the H2 tag itself (Welcome to the Warburton Website) has a line-height of 0.
This means that even if it DOES wrap, the text will be stacked on top of each other.
So, you need to see if you can find that “min-width” setting on the block or the block group AND you need to add a style rule for your headings (literally all of them) that sets a line-height of at least 1 (line-height:1) so once you get the width figured out, the text won’t stack on top of itself.
I spun up a site locally and just used the default theme. I was able to locate the min-width and line-height. I threw some instructions here: https://www.loom.com/share/af199578fdc34242a60d259ac0348e24
(not sure if that loom link will come through? fingers crossed!)
Thank you for that. I think the line height must have been the issue because when I changed the Headings definition in the Style Guide it all looks good, even for Page and Post Title. They must also use Headings definitions. I don’t remember initially setting it to 0, so perhaps that was a default.
The line width was me thinking that if it wraps on itself I wills stop that by making it long enough not to wrap, which was better than it wrapping on itself, but not as good as the proper solution.
