Sitebuilder Plus: Edit Page Width/Length

  • 1
  • 35
  • Question
  • Updated 2 months ago
  • Answered
  • (Edited)
Here are some instructions on adjusting the width and length of your webpges.

Adjusting the width on individual pages:

The default width of each page is 800 pixels. You can adjust the width of each page on your website in the options under Page Settings.
  1. Click Websites Manager in the left navigation menu.

  2. Click Edit Site.




  3. Click Page Settings in the top toolbar and go to the Background, Links, Footer tab. Adjust the page width for this page only.



  4. Once you have edited the page width, Save and Publish your website.

Adjusting the width for all pages at once:

  1. Login to your website account.

  2. Click Websites Manager link in the left navigation menu.

  3. Click Edit Site.




  4. Click on the heading icon in the top toolbar.




  5. Click Page Settings.




  6. Change the page width. When you've finished changing the width, Save and Publish your website.

Adjusting the length of a webpage:

The length of your page is determined automatically based on the size and position of all the objects on your page.

  • To make your page shorter, find the element at the bottom of your page, and drag it up with your mouse.


  • To make your page longer, find the bottom element and drag it down.


Tip: There's technically no limit to the length and width your page can be, although for design and usability purposes,you should avoid making your pages too wide or too long.

Hope that helps!
Photo of Tom Franco

Tom Franco

  • 356 Points 250 badge 2x thumb

Posted 7 years ago

  • 1
  • 35
This reply was created from a merged topic originally titled
Website Editor.


When I go to edit my website, the right hand side of my site is missing from view. So I cannot see if things are uniform or not. Getting very frustrated.
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
richesthillgems1370  
It looks like you just need to increase the page width of your pages.  Follow the steps here.  A good starting point is about 1000 pixels. You can always increase, or decrease it from there.

Let us know if you have any other problems.

Mike
Photo of Sven0797

Sven0797

  • 718 Points 500 badge 2x thumb

My original question was added to this blog. Maybe I'll ask again:

How can I remove a blank space after removing some content in the middle of a page? Let's say I have 500 pictures on a page and delete # 250. Now I have an empty spot there. How can I remove it short of highlighting 249 picture below the empty spot and try to drag them up a little???

Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
Sven0797,  This question was answered several months ago, and I'm afraid what you want to do is still not possible. The removal of one element from a page does not change the location of other elements below it.


When you place any element on a page (text, pictures etc), the sitebuilder records the location (which you can see in the properties editor). Each element is set a certain number of pixels from the top left corner of the page. So, in your example, if you remove item 499, out of 1000 items, it does not change the location of items 500-1000. They are fixed at the location you place them.
Mike
Photo of Sven0797

Sven0797

  • 718 Points 500 badge 2x thumb
Thank you for your reply :-)
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
You're welcome.
Photo of Alex5213

Alex5213

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
A quarter of the page is not showing up when I try and edit my site..


When I am in edit mode a quarter of the page is not showing up.
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
Hi Alex8213,    See steps above.  Under the Page Settings button there is an option to increase the page width. Some of your graphics are wider than the page width setting. Try increasing the page width to about 1100 pixels. Let me know if you still have problems.

Mike
Photo of sandraws815462

sandraws815462

  • 164 Points 100 badge 2x thumb
I have read the above instructions to fix the white margins that were showing on my website. I changed the width to 1200 and centered everything, but now there is still a left white margin (as in everything on my page is centered to the right). How can I fix this?
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Hello sandraws815462,

What page are you working on?  I don't see a white margin.  What browser do you use?

Drew
Photo of sandraws815462

sandraws815462

  • 164 Points 100 badge 2x thumb
Thanks for the prompt reply! My website is www.sandraws.com. I am working on my home (Index) page as it is the master page and I want changes consistent throughout my other pages. I am using Chrome as my browser. How can I get my website to look the same no matter which browser someone is using to view it?
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
I looked in Firefox and Chrome and they look the same to me.  Can you point out where you see discrepancies?  Below is what I see.  You can click the picture to enlarge.

Photo of sandraws815462

sandraws815462

  • 164 Points 100 badge 2x thumb
Interesting. So....this may be helpful to those that were experiencing the same problem. It was suggested that I refresh the cache (F5) on my page, which did the trick! As it was explained to me, the page should be able to tell when something (pictures, panels) have been updated, but sometimes they just aren't smart enough. F5 for cache refresh is the manual way to do this yourself.
So....for all those out there who have adjusted the margins with no avail...try this.
Thanks for your time Drew N.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
It is true about the f5.  Actually this is usually a setting in the browser about how often it looks for a new version of the page.  f5 says go get it regardless of if it is new or not.

Drew
Photo of Amanda6862

Amanda6862

  • 102 Points 100 badge 2x thumb
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
Hi amanda6862, You can increase the page width. Just follow the steps above.  let us know if you run into any problems.

Mike
Photo of Garth2271

Garth2271

  • 122 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Horizontal scroll not sufficient.


Sitebuilder Plus - Will no longer allow viewing/editing access to right side of pages. Was working fine, now horizontal scroll won't go far enough to see the last inch or so of the pages.
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
Garth2271
,  You probably just need to increase the page width as explained in this help topic.  If you try this and still have a problem, let us know which page the problem is with.

Mike
Photo of 19ward482617

19ward482617

  • 394 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled
how can I make my web page wider?.


my web page only displays in the middle half of a computer screen, can I make it wider?
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
19ward482617,

Here is how to make a page wider.
Photo of Lori3794

Lori3794

  • 102 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
How can i resize my web page.
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
Hi Lori3794,   This pages shows how to edit the size of the page. 
Photo of Cindy3574

Cindy3574

  • 124 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled Limited space.

Why do I have limited area for my webpage.  The website only takes up about half of the screen.
Photo of Mike F.

Mike F., Alum

  • 184,678 Points 100k badge 2x thumb
HI Cindy3574 ,   It looks like you are using one of the older templates which is set at a width of 780px.  Since most people are now using monitors and devices with a wide screen format, you can easily increase the width to as much as 1100-1200 pixels.  This way it will fill the screen better for most visitors and give you more room for content on your pages. 

Mike 
Photo of Diana4979

Diana4979

  • 142 Points 100 badge 2x thumb
ok so I have a prety wide monitor and my pixels are set to 1200 and still I have to scroll to see it all. Also I can't see the whole page while working on it on site builder. Frustrated.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Which site and page are you working on? Is 1200 the width you set the Sitebuilder page to? or is it the width setting of your screen resolution?
Photo of willbatista110058

willbatista110058

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled make website fit entire monitor.

make website fit entire monitor
Photo of David6205

David6205

  • 150 Points 100 badge 2x thumb
After reading these posts in hopes of finding an easy solution to my issue in this matter, I've come to realize that after 4 years of requests by others, and plenty of time for Homestead to simplify these issues, it's apparently been decided that they were not that important to address with an update. I first began using Homestead when Homestead only had a total of 500,000 members, and it used to be free to use. With the current state of technology, issues or requests to create a simple solution to address these types of requests should be an easy thing to figure out.
Photo of themieleman

themieleman, Champion

  • 65,984 Points 50k badge 2x thumb
Use Page Settings.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Changing the width and length of a page is not difficult, but it can be different depending on how the page is constructed. If you would like to specify the site and page you wish to change I can give you simple instructions on how to do it.
Photo of Maethius

Maethius

  • 252 Points 250 badge 2x thumb
Well, I've been a member and hacking away at web pages since Homestead was free, and even though there are pages of answers to this issue, tonight I've run into it again. That is, I have run into a maximum page length of 30,000 pixels. I've tried all of the tricks, and that's a hard number. Tried to simply type in a number higher, and it adjusts it right back.

FYI
Photo of Sal9915

Sal9915

  • 60 Points
I've adjusted the background element to be at a large height of 3000. However in the Builder I cannot scroll down to see any more of that element. It just stops scrolling. I've tried this on two different computers.

It used to work, I'm not sure what changed.

Thank you in advance for your help!
Photo of themieleman

themieleman, Champion

  • 65,808 Points 50k badge 2x thumb
Change the width using Page Settings > Advanced setting > Standard is 900, use 1300 or whatever your heart desires.
Photo of Kimberly4629

Kimberly4629

  • 204 Points 100 badge 2x thumb
How do I change the lenght of my page
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 43,968 Points 20k badge 2x thumb
As I answered on the question you posted, If you want to make your page longer, simply drag elements further down the page.
Photo of Kathy7620

Kathy7620

  • 124 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled How do I make my expand my website width.
Photo of Todd H

Todd H, Social Media Specialist

  • 20,824 Points 20k badge 2x thumb
Hi Kathy7620, this may help out!
Photo of Maethius

Maethius

  • 252 Points 250 badge 2x thumb
Unfortunately I received the answer from Homestead on ultimate page length some time ago. The This official FAQ response is: 

"There's technically no limit to the length and width your page can be, although for design and usability purposes,you should avoid making your pages too wide or too long."  

This is untrue. The nature of my pages requires them to be very long.(they follow the step-by-step process of the development of my commissioned models), and I learned that the limit to any page's length is 25,000 pixels. Apparently this was hard-coded into Homestead's engine arbitrarily as, "well, that should be long enough for anybody!" It probably is, but I have a few models that have required TWO pages of that length with links bridging them.

I know I can break the page into two, three, four, or more pages, but that creates its own hassles. The reasoning behind the length was based on memory limitations 10+ years ago, mostly due to how many images a page loads. Unless you are using very high resolution images, and a lot of them, this isn't usually a problem. I wish they would just clip the limitation out.
Photo of Anthony8573

Anthony8573

  • 100 Points 100 badge 2x thumb
The first page of site is very long and there is nothing to move, i'm confused on how to shorten it. 
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,782 Points 20k badge 2x thumb
Hello Anthony.

When this happens, it typically means there is an element that you cannot see, that is causing that page length. I would recommend you change the page width to 10,000 (as wide as it can be) and then zoom your browser out as far as you can. You should be able to see and delete the element. Then, reset your page length to what it was before.