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.
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
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
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
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
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
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
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).
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
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
This is a fascinating read:
http://apenwarr.ca/log/?m=201203#26...
(The product he's talking about ishttp://eqldata.com/ )
http://apenwarr.ca/log/?m=201203#26...
(The product he's talking about ishttp://eqldata.com/ )
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
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
Jon,
How do you go about changing the layout? Is there a method of setting pages to automatically fit to resolution size?
Cheers
Dan
How do you go about changing the layout? Is there a method of setting pages to automatically fit to resolution size?
Cheers
Dan
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!
Good luck!
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
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
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
Near the top you can see
If you change that to
You will notice that it gets bigger, but the internal content does not expand with it.
You can then change
to
and
to
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.
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.
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.
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.
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.
p.s. So incredibly simple, it's embarrassing, I had extra space from copying and pasting content. Yeesh.
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
I'll work on this and get back to you.
I really appreciate your help and interest!!
Susan
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