How do I create a fullwidth page - really full width - to browser edges « Support Forum | Kriesi.at

Support Forum » Propulsion

How do I create a fullwidth page - really full width - to browser edges

6 posts from 4 voices

Started 10 months ago by silvercreekvalley
Latest reply from Devin
This topic is closed
This topic is resolved

Tags:

No tags yet.

silvercreekvalley
Member

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 2560x1600 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.

Thanks!

Posted 10 months ago #
silvercreekvalley
Member

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?

Posted 10 months ago #
elames
Member

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

Posted 10 months ago #
Ismael
Moderator

Hello,

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. :)

Regards,
Ismael

Posted 10 months ago #
silvercreekvalley
Member

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 :)

Posted 10 months ago #
Devin
Moderator

Glad you found a solution that worked for you :)

Regards,

Devin

Posted 10 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

How do I create a fullwidth page - really full width - to browser edges

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…