wplemon / gridd

Flexible grid-based WordPress theme
Other
39 stars 7 forks source link

Wider default content area #190

Closed paaljoachim closed 4 years ago

paaljoachim commented 4 years ago

Here is an example of the default width of the Gutenberg layout.

Screen Shot 2020-05-30 at 21 41 39

Default Content Maximum Width mentioned in the customizer is:

Screen Shot 2020-05-30 at 21 38 16

I went and changed it to 65em.

Checked the backend, but that was still the same size. I then checked the frontend and noticed a very wide layout.

Screen Shot 2020-05-30 at 21 42 38

I went back to the customizer and took it to 50em.


The Gutenberg default layout width is: .wp-block editor-post-title editor-post-title__block

.wp-block { max-width: 580px; }

Screen Shot 2020-05-30 at 21 51 24

.wp-block.editor-post-title.editor-post-title__block

Adding this code to the child theme functions file did not help:

.wp-block.editor-post-title.editor-post-title__block {
    max-width: 980px !important;
}
paaljoachim commented 4 years ago

Hey Ari.

If one has a smaller/normal width view port area in the backend aligning for instance a button to the right will make it hide behind the settings sidebar. Having a way for the backend layout to sense the width in use would be helpful. Thanks.