Home > Software design >  big Margin In Twenty-Twenty Theme (TT): How to customize this?
big Margin In Twenty-Twenty Theme (TT): How to customize this?

Time:12-31

i have set WordPress-site with a gutenberg block in the theme twenty-twenty: i did it according to Mike Haydons manual see: enter image description here

all looks pretty awful and i wonder how to get a better layout. all the elements are centered in a very high grade - nothing is arranged - and i have a awesome big margin

how to solve this in the theme twenty-twenty (TT)

all looks pretty awful and i wonder how to get a better layout. all the elements are centered in a very high grade - nothing is arranged - and i have a awesome big margin

CodePudding user response:

I don't see the border that you are talking about but I can explain about the weird width. First of all, it is not a margin actually but a limited width. Looking at the elements of the page, we can notice that they have this style:

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 58rem;
  width: calc(100% - 4rem);
}

And searching the source code of the theme, you can find that this style is hardcoded.

I can recommend you a couple of solutions:

  1. Changing a page template to have an adequate container width ( the wide one is called Full Width Template, please check the screenshot Template selection

  2. Overriding the style with your own sizing ( but remember that selectors here are too heavy like in the CSS snippet above. You can try using the same snippet with different sizes that will fit your expectactions.

  3. You can create your own template using a child theme

  • Related