Width single post\page

  • Resolved moonkir

    (@moonkir)


    9 years, 10 months ago

    Hi Tom
    how to correctly adjust the width of a single page or a single post without sidebars?
    I use this style in the child css – him wokrs
    It seems so wrong

    @media screen and (min-width: 769px) {
.grid-100 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
}

    Thx for help

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Are you wanting to do all pages/single posts, or only specific ones?

    You could do something like this for all single pages and posts:

    .page.no-sidebar .grid-container,
.single.no-sidebar .grid-container {
      max-width: 800px;
}

    For a specific page, you’ll need to know the ID of that page:

    body.page-id-xx.no-sidebar .grid-container {
      max-width: 800px;
}

    For a specific post, you’ll need to the ID of the post:

    body.postid-xx.no-sidebar .grid-container {
      max-width: 800px;
}

    Hope this helps ??

    Thread Starter moonkir

    (@moonkir)

    So by changing the width of the entire container site
    I change only the width of the page’s content or write
    The width of the site (header \ menu \ footer) – should not be changed..
    https://savepic.org/7211106.png
    Thank you

    Theme Author Tom

    (@edge22)

    Ahh, this will do that:

    body.page-id-xx.no-sidebar .content-area.grid-100 {
      max-width: 800px;
}
    Thread Starter moonkir

    (@moonkir)

    Thx, Tom

    Theme Author Tom

    (@edge22)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Width single post\page’ is closed to new replies.