Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #14521

    Propusion seems to use a standard width for the pages which is about 940 pixels, but on most modern screens this means there is a lot of space on the left and right.

    I have a page which definitely needs to be full width. I’ve set ‘stretched’ as the template size – so the wordpress admin bar and bottom footer are full width, but the content page is still narrow. My monitor is 2560×1600 so it looks very small.

    I’m guessing I need to set up a custom template for the page – but how do I get the full width of the browser window used by the content?

    The content is a flash object – so there is no other formatting to worry about.



    I’ve looked at the page.php file, and it seems to refer to quite a bit of custom stuff for dynamic templates – do I just ignore this?


    It may seem small on your computer but you have to realize the majority of people do not have a large monitor. Up until now, the numbers were dominated by a boxy old standby: 1024×768, which held a whopping 41.8 percent of the market. The giant has fallen to just 18.6 percent today, however; meanwhile, 1366×768 has skyrocketed from a 0.68 percent share to a 19.28 percent share in the same timeframe. 1280×800 sits in third place with 13 percent.

    People can always increase the size and remember those on laptops, smartphones and tablets. What happens when that size screen goes down that small? I don’t know I am not an expert. But I do know you design for the majority.

    Good luck



    You can create a child theme if you want though you need a bit of customization on the style sheet to make it right.

    @elames: That’s right. You should design for the majority. :)




    Thanks. The two styles I had to mess around with are the ‘content’ and ‘container’ styles. I changed content by modifying the php scripts to include an ‘id’ on the classes – searching for the classname is problematic. I then search for the id, and modify the css ie setting margins, changing widths.

    The real pain was the units ie ‘twelve.units’ which override the class info. I had to add some javascript to inject style changes after rendering.

    This would have been easier if the theme allowed you to just add a new theme page eg. fullwidth.php with a ‘Template Name’ set at the top, but your themes dont seem to allow this (I tried it).

    @elames: Its a good point – and I know the ~940 width is standard. Its just that if we can scale down for pads/phones we should be able to scale up for bigger screens :)


    Glad you found a solution that worked for you :)



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How do I create a fullwidth page – really full width – to browser edges’ is closed to new replies.