That almost worked perfectly! Thank you very much. There is only one change that it made to all my pages which I would like to undo. That is that it made the menu align to the left where previously the menu aligned to the center. Actually it is not just the menu that changed but also the top row with the menu, logo and search also changed. I guess in a perfect world we would not be changing the top row or the menu row but would be changing the rest. This way the Articles and the Page Builder Pages will match each other.
Is there any way to change the width of the body without changing the width of the two top rows?
Could it also work out so that the top rows stay the same for pagebuilder pages and for article pages. It doesn't seem right that they are not the same.
Here you can see the menu center aligned before adding this CSS code:
https://drive.google.com/file/d/1kpJViqK_zDV2QQCj9ezqjcfWa_NaY74Q/view?usp=share_link
In the following two pages you can see the menus became left aligned:
Menu Became Left Aligned on Page Builder Pages:
https://drive.google.com/file/d/1SubswXJb9_Zhl_iFh3-W5D1MqrsdhRFU/view?usp=share_link
Menu Became Left Aligned on Article Pages:
https://drive.google.com/file/d/1JE7rKyiwMruA9TT3cUc2UDURv1xodSxT/view?usp=share_link