Twentig pagetemplates width

  • Resolved thejoho

    (@thejohotestar)


    4 years, 8 months ago

    Hi, thanks for great pagetemplates. I wonder how to change the site width on your pge templates so the width will be the same as twenty twenty fullwidth template? Like the no header or no heander/no footer templates.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Twentig

    (@twentig)

    Hi @thejohotestar,

    You can change the main width of the Twentig page templates with some custom CSS. Inside the Customizer, open the Additional CSS panel and paste one the following code below.

    To change the width only for the “No header, no footer” template:

    body.page-template-tw-no-header-footer .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.page-template-tw-no-header-footer [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 120rem;
}

    To change the width for the 4 Twentig templates:

    body[class*="page-template-tw-"] .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body[class*="page-template-tw-"] [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 120rem;
}

    We hope the above is useful to you.
    Have a nice day.

    If you enjoy Twentig, please leave us a review. We’d really appreciate it.

    Thread Starter thejoho

    (@thejohotestar)

    Thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twentig pagetemplates width’ is closed to new replies.