How to expand white main content area on one specific page

  • I have embedded html code on one specific wordpress page and want to expand the white main content area to be the width of my nav bar. I have already hide my widget for the page. I don’t want the other pages to be affected just that one page so wanted to know if there was anywhere I should go. It is a default page template but I also have other default page templates so didn’t want them changed as well.

Viewing 3 replies - 1 through 3 (of 3 total)

  • if your theme uses body_class() you can use the generated page specific css classes, for instance .page-id-327 in combination with the css class or id of the content area, to stretch the content over the full page.

    if not, you would need to post a link to your site (to that page) to get further suggestions.

    Thread Starter michaeldante

    (@michaeldante)

    what php folder or file is that in? I believe I can tweak that but still kinda new to coding. thanks

    body_class() would probably be used in the body tag in header.php of your theme (folder: /wp-content/themes/yourthemename/header.php);
    https://codex.www.ads-software.com/Function_Reference/body_class

    for a page, the output would be (among others) a css class .page-id-351 where the number should be replaced by the page ID of your specific page.

    the content area will have a different css class or id for most themes, so this is guessing, let’s assume it could be #content.

    you could use a browser tool such as firebug to find this out.

    with the above assumptions, you would add a style like this to style.css of your theme:

    .page-id-351 #content { width: 100%; }

    details really depend on the theme used.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to expand white main content area on one specific page’ is closed to new replies.