It seems that the class “featured-content” is set at a width of 66%. When I set it to “width: 100%” The white box you referred to widens to fill most of the page (minus any padding and margin)
In your custom css, try adding the following:
div#page div.site-content { width: 100%;}
Hope this helps with the width issue.
Jonas
]]>I just tried the code but it did not work.
]]>div.content-wrap div.featured-content {
width: 100%;
}
Jonas
]]>It works fine.
]]>If it is the above custom css, where is this elusive custom css location.
Does this affect the actual display on a published page. I don’t want to alter that.
]]>Yes the css from the posts above is for styling the width of an element which appears to users on the frontend/published page. To add custom css for this purpose, go to appearance > customize. At the bottom of the customize screen is an area to add any css modifications.
With the new editor, Gutenberg, as far as I understand the whitespace around the blocks is intentional. If Gutenberg is not your cup of tea, you can always install the plug-in “Classic Editor”.
I hope that helps,
Jonas