Making one page full width

  • Resolved Antipole

    (@antipole)


    12 years, 7 months ago

    Hi… as a relative newbie.

    I have a site using the Ocean Mists theme, which has a main panel and side bar on the right.

    On this page I need to remove the sidebar to use the full width for the table and map. I have created a special template page-no-sidebar and removed the loading of the sidebar stuff OK. But as you can see I still have a two pane layout and the table is squashed into the main pane.

    I have found various articles on changing to one page, but I seem unable to relate them to my circumstances. I guess I have to produce a variant of some css definition (which?) and can I put it in my page-no-sidebar template?

    I am a relative novice with css and I would really appreciate some help.

    thanks

    NB I have a multisite installation, so my theme stuff is at the network level

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

  • The width of that section is being set by this CSS code (line 9 of default.css) — so you just need to make that wider. The enclosing section is set for 68em width. Since you have a MS, not sure how the stylesheets work…or where you need to make the change — probably the stylesheet specific to the custom page. 

    #mainCol {
    float: left;
    position: relative;
    width: 50em;
}
    Good Guy

    (@mytaxsitecouk)

    If it is a page (rather than a post) then you can remove the sidebars without any coding:

    Dashboard >> Pages >> All Pages

    Now select your page or hover over it and then click on Quick Edit. Now select Template as Full Width, No sidebar.

    There is a subtle difference between a page and a post but I am sure you know about this.

    Hope this helps.

    Thread Starter Antipole

    (@antipole)

    I’ve cracked it!

    mytaxsite: There is no Full Width, No sidebar entry in my templates – just the page-no-sidebar I had created.

    The relevant <div> that set the main column width is included in the header.php file loaded by the template with

    <?php get_header(); ?>

    I have modified my page-no-sidebar template by replacing

    <?php get_header(); ?>

    with an in-line copy of header.php. So now the mainCol is created from within the template itself. I have modified it to include a width-100% thus:

    <div id=”mainCol” style=width:100%>

    So my problem is solved. The second link in my original posting no longer shows the problem,

    Thanks to those who tried to help.

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