Change width of one page

  • Resolved dinkybluebug

    (@dinkybluebug)


    9 years, 2 months ago

    Hi. I’m using cubic theme and I want to change the main width of one page to nearly 100% wide. Maybe 50px margin. So the text is using most of the available space.

    I just want this to be on one page. https://Www.madethatmyself.com/post

    I’ve played around with all sorts of width and margin CSS settings in the themes style template but can’t figure it out.

    can anyone help?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter dinkybluebug

    (@dinkybluebug)

    ive worked out what i need to add to get the page wider:

    entry-content {
    padding-left: 0;
    padding-right: 0;
    width: 90%;
    }

    but the problem is that it changes the width across the whole site.

    Anyone know how I can just amend this code so that it changes on page on my site?

    Moderator Kathryn Presner

    (@zoonini)

    You can preface the CSS above to target one specific page or post. For example, to target just the page you mentioned, try:

    .page-id-62 .entry-content {
  padding-left: 0;
  padding-right: 0;
  width: 90%;
}

    I found the unique page ID by looking at the page’s body tag in the browser source:

    <body class="page page-id-62 page-template-default group-blog unfixed-header has-sidebar has-site-logo">

    You can also see it in the browser address bar while editing the page.

    Just let me know if you have any questions.

    Thread Starter dinkybluebug

    (@dinkybluebug)

    Excellent. Thank you. I didn’t put a space between the object code and the page id. Now that it’s there it works. Thank you.

    Moderator Kathryn Presner

    (@zoonini)

    My pleasure! I’ll mark this thread as resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change width of one page’ is closed to new replies.