Page Size

Permalink 1 user found helpful
How do you increase the size of a page so it takes up more of the screen. Seems like all the pages are narrow and I would like my pages wider.

View Replies:
jbx replied on at Permalink Reply
jbx
Using css...

Which theme are you using? And what resolution screen are you using? Bear in mind that not everyone has modern hi-res screen sizes, so don't make it too wide. I tend to work with a maximum width of 980px, so that people with a screen resolution of 1024x768 wont have to scroll left or right. The other option is to use a layout that will stretch to fit the screen, but getting that to work consistently across the ever growing range of screen sizes can be a real challenge.

Jon
SAA replied on at Permalink Reply
SAA
Hi,

I have the same problem. I would like to adjust the page size of my website. I use the black accents theme, and have already managed to understand how to change things in the main.css.

But I am totally unfamiliar with the logic behind making pages fit diffenrent screen-sizes or resolutions.

I would be glad if you could explain some things. Is it just that simple that I decide the smallest size of my website and make my elements floating, so that they do expand when the resolution is larger?

Thanks in advance,

Lovic
jordanlev replied on at Permalink Reply
jordanlev
This is kind of a big topic, referred to as "Responsive Web Design". This is the seminal article on the subject:
http://www.alistapart.com/articles/responsive-web-design/...
(the author of that article also has a book you can buy, which is *excellent*).

But if you're not a designer, then I think the topics may be a bit more technical than you'd like. In that case I think your best bet is to use a different theme... there are quite a few in the marketplace that claim to be "responsive" (meaning that they will change the size of the page depending on the size of the window or device).

Best of luck,
Jordan
SAA replied on at Permalink Reply
SAA
Dear Jordan,

thanks a lot for your response and the brilliant article.

In fact, I 'm designing access databases most of the time, and for my present employer I started to create websites with c5.

I have some fuzzy knowledge of various forms of code and sometimes, it just needs a starting point to find into the things I'd like to realize.

Lovic
jordanlev replied on at Permalink Reply
jordanlev
Glad to help! I started out my programming career on MS Access... such a great program, too bad MS has let it languish for so long (it's such a huge market that nobody is serving... DabbleDB had promise, but then the team got bought by Twitter so that went away).
SAA replied on at Permalink Reply
SAA
Nice coincidence ^^

Acc2013 is promising ... perhaps it works with your concepts of what MS should have done with Access long ago.

For me, access is already a wonderful instrument for special purpose or individual software. Hard as it is to find customers, it is always a pleasure solving their problems.

Thanks again, Lovic
jordanlev replied on at Permalink Reply
jordanlev
This is a fascinating read:
http://apenwarr.ca/log/?m=201203#26...

(The product he's talking about ishttp://eqldata.com/ )
SAA replied on at Permalink Reply
SAA
Hi Jordan,

fascinating read, indeed! It demonstrates the big difference between customer needs and the producer's ability to provide these features.

In case of MS there is at least some hope with regard to their latest operating systems.

I will spread this link in my community. Think a lot of programmers and their customers should know about it.

Send you my best regards. Lovic
danoutwest replied on at Permalink Reply
Jon,

How do you go about changing the layout? Is there a method of setting pages to automatically fit to resolution size?

Cheers

Dan
jordanlev replied on at Permalink Reply
jordanlev
It requires modifying the html and css of your theme. If you're not familiar with html or css at all, it's going to be a bit challenging -- you should google around for how to do this in just plain old html and css (not specific to Concrete5 or any other CMS). Then when you understand how that works, it will be easier to figure out how to make it happen in a c5 theme.

Good luck!
ses604 replied on at Permalink Reply
ses604
Hello All,

Is there any update to this answer before attempting this solution? I am using the Dreamy Theme and I have the same problem. On my 14 inch screen it only renders about 6 inches across and I want it to fill the screen at any screen size or resolution.

http://www.geminiuniversal.com

Thanks!!

Susan
mkly replied on at Permalink Reply
mkly
Hey Susan,
It can be a little more complicated than a simple press of a button for this one. If you take a look at
/tools/css/themes/dreamy/main.css

Near the top you can see
#wrapper {
   margin:0 auto;
   width:700px;
   background:#ffffff;
   font-size:1.20em;
   }

If you change that to
#wrapper {
   margin:0 auto;
   width:960px;
   background:#ffffff;
   font-size:1.20em;
   }

You will notice that it gets bigger, but the internal content does not expand with it.
You can then change
#sidebar {
   float:right;
   width:180px;
   background:#efefef;
   margin-right:10px;
   }

to
#sidebar {
   float:right;
   width:300px;
   background:#efefef;
   margin-right:10px;
   }

and
#content {
   float:left;
   width:500px;
   min-height:400px;
   }

to
#content {
   float:left;
   width:640px;
   min-height:400px;
   }

But then you'll notice the header and footer do not expand out. This is because these they are images and can't "stretch out".(Well they kind of could but it wouldn't look so hot). So you would probably need to switch them out. Also the alignment inside of things would need some tweaking. It is definitely doable, though.

Feel free to ask if you have questions. I'm super busy this week but it looks like a worthy cause so I'll try to answer when I get a chance.
EmeraldStar replied on at Permalink Reply
EmeraldStar
Great answer for the woman changing her width.

What about height? My home page seems to make the page length way longer than what I need. How do I change that?

Thank you.
EmeraldStar replied on at Permalink Reply
EmeraldStar
I figured it out, never mind. Thanks!

p.s. So incredibly simple, it's embarrassing, I had extra space from copying and pasting content. Yeesh.
ses604 replied on at Permalink Reply
ses604
Thank you so much. I had my "Taurus Tips" page link Retweeted to 4,229 Alley Cat Allies followers yesterday in celebration of National Feral Cat Day, so I want my site to look as professional as possible on all screen size / types / resolutions.

I'll work on this and get back to you.

I really appreciate your help and interest!!

Susan