Make content of 1 single page wider than others

  • Resolved kayjenx

    (@kayjenx)


    10 years ago

    Good Day,
    I am trying to embed a store into my site and thus I need that one page to have no side bar and to make the content wider. I have added a child theme and removed the side bar so there’s no problem with that now, however the content is cutting of piece of my store. This is the link to my store. Any help with fixing this would be greatly appreciated.

    I am not so familiar with building sites.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pioneer Web Design

    (@swansonphotos)

    Sure, just use body_class (assuming your theme supports this, and if not you can add it).

    Once you know what CSS to target, add the new CSS to the Child Theme’s stylesheet.

    Note some theme fix such in HTML (or other methods other than CSS), so work with your theme provider if unsure.

    You can also create a Page Template for this page and control there at <body> the width by adding your custom CSS also.

    Thread Starter kayjenx

    (@kayjenx)

    Hi,

    I have tried using the body_class but I am not sure what it is specifically. I have used these:

    .page-id-404#container {
	width: 1200px;
}
    page page-id-404 {
	width: 1200px;
}

    and

    .page-template-page-store-php.content {
         width: 1200px;
}

    This last one only makes the entire page wider and thus you have to scroll across.

    Thread Starter kayjenx

    (@kayjenx)

    I solved this issue by creating a custom page template, without the sidebar and change the content width.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make content of 1 single page wider than others’ is closed to new replies.