How can I edit the page width and length of my website?

  • 1
  • 32
  • Question
  • Updated 1 month ago
  • Answered
I having trouble changing the length and width of individual pages. What am I doing wrong?
Photo of Tom Franco

Tom Franco

  • 346 Points 250 badge 2x thumb

Posted 6 years ago

  • 1
  • 32
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 41,196 Points 20k badge 2x thumb
Hi Tom,

Welcome to the Community!

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!

Did this answer help? If so, please mark 'good answer' below for other people to find this post. Also like us on Facebook and Twitter to learn more about how to grow your business.
Photo of Drew N

Drew N, Community Manager

  • 259,094 Points 100k badge 2x thumb
I am assuming you want to move the remaining elements up?  If so, then you can tag them by holding the shift key and clicking each element.  Once you have them all tagged, you can drag them all up higher on the page.  Once done with that, you can then click on  the black rectangle that is your background color and make it shorter.  If you have something else in mind, please explain.

Thanks

Drew
Photo of RENEE7947

RENEE7947

  • 80 Points 75 badge 2x thumb
thank you, I figured that was what I needed to do......but I didn't think about tagging them all at once...thanks...my idea was to chop the blank space, but nope didnt work
Photo of Drew N

Drew N, Community Manager

  • 259,094 Points 100k badge 2x thumb
You're welcome.
Photo of Aaron5839

Aaron5839

  • 818 Points 500 badge 2x thumb
You can not edit site length however, correct?
Photo of Drew N

Drew N, Community Manager

  • 259,094 Points 100k badge 2x thumb
The length of the page is determined by the content on the page.Depending on the background and template, some adjustments may need to be made on shorter or longer pages.
Photo of Carla6472

Carla6472

  • 180 Points 100 badge 2x thumb
The page width did not change
Photo of Carla6472

Carla6472

  • 180 Points 100 badge 2x thumb
The page width did not change...
Photo of Elizabeth0432

Elizabeth0432

  • 62 Points
How do I make my background longer? I do not want to change it on all of my pages, just one. How would it be possible for me to do this?

This reply was created from a merged topic originally titled
Making the page background longer.
Photo of Danielle5219

Danielle5219

  • 102 Points 100 badge 2x thumb
Am I the only one whose site doesn't extend all the way to the edge once fully viewed? I'm tired of paying $23.99 a month for a site that doesn't look professional because of this issue. Is there a way I can reconcile this problem myself?

This reply was created from a merged topic originally titled
Viewing my site in full..
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
Hello Karen 4141,

Try clicking on the image that you wish to move, then immediately look to the lower right hand side in the properties editor. You will see a box that says "Lock position and size". If you un check the box, it will allow you to move or re-size the image.

If this post helps, please give a "Star" and complete this survey to rate me.

Thanks!

Mike
Photo of Ruben8365

Ruben8365

  • 212 Points 100 badge 2x thumb
This is not what was meant. How can one create a small page that when published opens a small window page? The changes that are described here do not change the size of the page when it is visited. How can that be accomplished. Can anyone help?
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
Ruben8365, I think you are referring to something different. Are you wanting to create a link, that opens a a page in a new window, but in a smaller size? If so it's possible but requires some custom coding.
Photo of Ruben8365

Ruben8365

  • 212 Points 100 badge 2x thumb
Hello, Yes, thank you very much. I have been wracking my brain trying to find the way to accomplish this. Homestead used to have this available once many years ago and it disappeared for good. Can you point me in the right direction, It would be really appreciated.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
When you create a link to a new page, there's a window that pops up where you can tell SiteBuilder what you are linking to, ie a page or file, another URL, etc.

If you select the button to link to another URL, you'll see another option that says "open in a new window". This feature has always been there, but, it just lets you open any url in the standard/ default window size. If you are wanting to create a pop up that opens the window in a smaller designated size, that will require custom coding. Here's some info that another customer shared showing one method: https://community.homestead.com/homes...
Photo of Blossom

Blossom

  • 1,104 Points 1k badge 2x thumb
I would like to know why we can't adjust the width using percentages instead of pixels. Usually, a webmistress would tell it to make the page 100% - this way, it fits most monitors/displays. Using the pixel method makes it static and cannot possibly be viewed perfectly by all sizes of displays.

How about it? Give us a %! (This is why I hate templates!)
Photo of Paul7696

Paul7696

  • 102 Points 100 badge 2x thumb
What is the best width to set your page to?? I saw that yahoo uses 990 pixel - I heard the average screen is 1024 now - is that true?
Photo of jason3920

jason3920

  • 220 Points 100 badge 2x thumb
From Homestead employee....."You can make your pages wider so that they fill your entire monitor. However keep in mind that other viewers with smaller monitors may need to scroll left and right to see the entire page."

This is totally unacceptable. I have just recently become aware of how bad my website looks on some monitors. Can anyone think of any professional website you have ever visited where you had to "scroll left and right to see the entire page"?? It looks terrible!

Why can't we just set page width to 100%? Please work on a fix for this. It is the only thing I am unhappy about with my Homestead Website but it makes me want to move on to a different website builder!
Thanks
Photo of Kim0930

Kim0930

  • 112 Points 100 badge 2x thumb
I just got a new computer. I see the website that I have designed now only fits 1/3 of the monitor screen when published. I have the pixel width set to 1005. How can I get this to fit the window better? site is hotdogworld.net

This reply was created from a merged topic originally titled
Width of page not filling up monitor screen.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
Most of the templates are about 850 to 950 in width. But with today's new wide screen monitors you can generally make the site up to about 1100 or maybe 1200 without making people scroll left and right. I would not recommend going above 1200.

After you increase the width of your page, you'll be able to redesign the page contents and widen all the elements out if you wish.

I hope this helps.

Mike
Photo of Ron2300

Ron2300

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
my webpage that I have created is so small on the screen, how to I make it larger and in the center? Please Help!.


My webpage looks so small when I visit the site, how to I enlarge and format it to be in the center?
Photo of paula6196

paula6196

  • 100 Points 100 badge 2x thumb
Changing the width does not work. I am spending to much time on things that should be just a minor adjustment. MY PAGE LOOKS RIDICULOUS!!!! Especially advertising i do web design. I am finding another company. This is NUTS!!!
Photo of paula6196

paula6196

  • 100 Points 100 badge 2x thumb
I just changed it "0" and even that did not fix the width. The only think I see moving on the page is the footer. Nothing else adjust. WTH!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
I just pulled up your site and on the index page you have the width set to 300px. The width of the page has to be = or > than the widest element on the page or wide enough to accommodate the placement of your elements. Change the width to about 1100 or 1200, keep the contents centered and it will be fine.

Mike
Photo of paula6196

paula6196

  • 100 Points 100 badge 2x thumb
I tried that as well but what i don't like is there is so much blank spaces on either side.
Photo of paula6196

paula6196

  • 100 Points 100 badge 2x thumb
Okay great!!! MUCH BETTER. Thank you. Still more on the sides that i want but it is much better then before...
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
With a solid black background, the sides will have an infinite black margin that will self adjust to the size if the window/monitor it's being viewed on.
Photo of Jonathan T.

Jonathan T.

  • 5,752 Points 5k badge 2x thumb
How do I get the background image to always take up the full screen like the template on the homestead page, http://www.hhicarpetclean.com/ The red border at the top?
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
That is usually done with custom CSS code in the head section. Or if you want you could create your own background image and import it under the Page Settings button. The second option might be easier, but, there drawbacks. If you don't make your image large enough it will start to repeat with a tile effect if someone has a large enough screen and expands their browser large enough.

CSS would be the better method but it requires custom code. You might try to search Google for the instructions or maybe find some free code to use.
Photo of Jonathan T.

Jonathan T.

  • 5,752 Points 5k badge 2x thumb
Another drawback would be if you make the image too large, then there is scrolling that people will do correct? CSS is the only way to make it so automatically fills the screen huh. Thank you I will look into it.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
Correct. You could make the background image about 1200px tall which would fit most screens fine, but if someone scrolls down, then they'll see the line (whatever color it is), repeated at the bottom of the page, so yes, CSS is the most professional way.
Photo of Jonathan T.

Jonathan T.

  • 5,752 Points 5k badge 2x thumb
It does not seem like CSS is taking in the head section. I found a very simple code just to try it out on a blank page. http://tester3208.homestead.com/. I inserted the HTML code for the image, and then the CSS code I found. The image shows, but the CSS code i found just shows text.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
You might find help on this thread: https://community.homestead.com/homes...
It's fairly likely someone else has tried this before if you want to solicit help from other Community members.
Photo of Mitch5994

Mitch5994

  • 332 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled
Background dimensions.


I asked this question previously:
"I'm creating a background image in Adobe Photoshop. How many pixels wide and tall should I make it for Homestead? I am currently using a 1084 pixel width page setting

Mike F. replied to me:

"The width you make it is entirely up to you. There's not a right or wrong size. I usually start my pages at about 1000-1100 px wide. I would not recommend going beyond 1200 for most sites though. People tend to become annoyed if they have to scroll left to right."

I created a background image that was 1084 pixels wide, uploaded it to Homestead as the background, Previewed the page, and it only took up a small amount of space in the top left and then tiled. The rest of the elements that I've placed on that page show normally, and do take up more of the page in the browser.

Am I uploading my 1084 pixels wide background image INCORRECTLY? Perhaps they do not STAY at 1084 pixels wide in Homestead??

Is there some setting anywhere on Homestead that can set this 1084 pixels wide background image that I've created to take up the ENTIRE background?
If so PLEASE tell me exactly where to go on Homestead, what to do, and what to make the settings.

how can my background image be uploaded to take up the entire background, where are these particular settings and WHAT do they need to be set at?

Please help.

Thank you.
Photo of Nick8986

Nick8986

  • 110 Points 100 badge 2x thumb
Hi there!

I read through various posts but am still unable to get the length of page adjust automatically - in some pages the text goes beyond the background! I tried disabling the master page setting but when I do it, it does not let me adjust the page length! What am I missing???
Photo of Drew N

Drew N, Community Manager

  • 258,842 Points 100k badge 2x thumb
My favorite solution to this is to leave the master page enabled, as then you can have the ease of use. On any page that needs lengthening, just add a rectangle to the bottom of your master page background, then match the color. This way you can adjust each page that needs it and you won't have a really long background on a page with less content.

Hope this helps.

Thanks

Drew
If this post helps, please give me a "Star" and complete this survey to rate my performance.
Photo of Nick8986

Nick8986

  • 110 Points 100 badge 2x thumb
This worked! Thank you!!! Now why didn't I think of this before???

One other question though - now that I've got the 1st layer of background sorted, there is the last layer which is actually an image. If I try pulling the image - it gives me issue as above - it does it for all pages and when I disable the master page, it does not let me edit image. I'd like to retain that image as it gives a nice finish to the page - like a hazy border. Thanks in advance for your help! Much appreciated.
Photo of Drew N

Drew N, Community Manager

  • 258,842 Points 100k badge 2x thumb
The problem with images is that if you resize them to be larger it will destroy the quality of the image. Either you proportionally enlarge it and it is just plain low quality, or if you make it longer and not wider because the page width has been reached then you get a stretched image. It won't look good.

Drew
Photo of cherylhoffman6790

cherylhoffman6790

  • 394 Points 250 badge 2x thumb
I have changed the width of my pages, but they look silly at 1200 because my screen is so much bigger. I would like to fill the screen, but realize that it will be irritating to others who have a smaller screen. Has the option of % been added?? Would be really nice!
If not, how do I get the image to be centered after I enlarge it? Right now it is lopsided with my content more to the right side.
Thank you!
Photo of Drew N

Drew N, Community Manager

  • 258,438 Points 100k badge 2x thumb
This is a great conversation that's separate from the main topic, so I created a new idea to continue the discussion.

Please reference the new topic here: I think it would be great to be able to set page width by a percentage(%) instead...
Photo of Sven0797

Sven0797

  • 718 Points 500 badge 2x thumb
Page length:
How do I remove some rows in the middle of the page without dragging everything below those rows up?
Let's say I have a page with 10,000 rows. I want to remove rows 4,500 to 5,000. There was a picture in that spot which I deleted.
Now there is a blank space there.
I would like to just high-lite those rows and delete them.
How do I do that?
Photo of Sven0797

Sven0797

  • 718 Points 500 badge 2x thumb
To Mike F.: That is just not true! As I add items to a page, it gets longer and longer; no sprcific dimensions, except the width. It does not go to page 2 or something like that.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
You are correct that as you add items to a page it automatically gets longer. 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 pixes 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 the explanation :-)
I still don't understand why the software can't handle a space being removed and the page resized. Someone should be able at Homestead to write code like that.
Photo of Patricia5080

Patricia5080

  • 232 Points 100 badge 2x thumb
I believe that SiteBuilder Plus allows you to group various elements into one. To accomplish want you want, group all of the elements located below the place where the picture used to be. You can then move them up all together.

The only problem with this method might be the ability to "ungroup" the elements. If you can't ungroup them, you would not be able to delete any of the individual elements because they are all one element now.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
You can ungroup them after they've been grouped. If you have created a group, then just click on any element that's part of the group, and look to the right side in the properties editor and you'll see an option to "ungroup elements'
Photo of Steve7322

Steve7322

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
Need help setting up pages, cant get website to center itself. Been working with it for awhile..


When building my website. Once i set up the page and under page properties i center content. When viewing on web brower it isnt centered. I have adjusted the background and the elements and it looks center in the website builder. But when i view its not centered.
Photo of hsbpoa2873

hsbpoa2873

  • 222 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
How can I change the site navigation width? It is blocked under Position and Size. I need more room to display my page names. Thank you..


My website template for the site navigation menu only has a width of 536. I would like to display more page names. However, when I go to edit the site navigation, the width field is blocked. What options do I have?
Photo of Kenneth0363

Kenneth0363

  • 142 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
My website pages only cover half the page. How do I widen the pages to cover the whole page?.
Photo of Heidi4120

Heidi4120

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
Gray box on edit screen.


I can't edit my published site. Every time I try to edit the site, the website manager loads with a giant gray checked box over the edit screen, I can only see the far left side of the screen. Because of this I have parts of the website that are not lined up properly and a spelling mistake that I can't see to correct! Help please
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
For some reason your page width is set to only 58px. Follow the steps above to increase the width. I would suggest setting it to about 1000 px, and then adjusting up or down from there.

Mike
Photo of John0663

John0663

  • 112 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
can i build my web page using 1024 width and after building change the width to 760 px.


I want my web pages to show on different screens like mobile, laptop and PC
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
You can set the width a shown above, but I'm not sure if I fully understand your question. It will not auto-adjust for mobile if that is what you are thinking. If you want, and expect a significant amount of mobile traffic, you'll really wan to create an a mobile version of the site.

Mike
Photo of William9744

William9744

  • 112 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Page width changes even when saved and published.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
Once you set the page width according to the instructions above, it will not change. If you are still having problems please tell us the page names and explain in more detail what you are seeing on your end.

Mike
Photo of William9744

William9744

  • 112 Points 100 badge 2x thumb
There's no Heading icon in the top toolbar after clicking Websites manager. How do I fix the width for all pages at once.
Photo of Drew N

Drew N, Community Manager

  • 258,842 Points 100k badge 2x thumb
You have to click Edit Site and then continue to follow the steps above.
Photo of FOL Admin

FOL Admin

  • 296 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled
I cant see the full page in my Site builder..


I cant see the full page in my Site builder. It cuts off on the screen and does not allow me to center my objects becasue Im not getting the full page view on my site builder.
Photo of Mike F.

Mike F., Alum

  • 184,428 Points 100k badge 2x thumb
You have elements on the page which are wider than the actual page width setting. You'll want to increase the page width (to around 1000 or 1100 px), and then you should be able to center the contents much easier.

Mike

Photo of slrsignatures9177

slrsignatures9177

  • 134 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
How do I set the framing of the website - i.e. right now it is too wide on the background area and I want only what I built to show.


Need help with setting the parameters of the width on my website - I've built it but it has way too much space on either side [from the basic background of the page] hard to describe
Photo of Drew N

Drew N, Community Manager

  • 258,438 Points 100k badge 2x thumb
You can edit the page width as per thhe above instructions. I wouldn't go over 1200 though as a significant number of people still use 1280 as the width on their monitors..  With so many different resolution options these days, there is going to be some space on the outside of your site.  As an example, my width is set to 1920 pixels on my monitor, but if I developed a website at 1850 pixels to look good on my monitor, the majority of visitors would ave to scroll left and right to view my site.

Hope this helps

Drew
Photo of mark5983

mark5983

  • 60 Points
I need to reduce length of some pages but can't figure out how
Photo of Drew N

Drew N, Community Manager

  • 258,438 Points 100k badge 2x thumb
Which pages? The page should get shorter as you remove elements from the bottom of the page.
Photo of Lynnsy3037

Lynnsy3037

  • 130 Points 100 badge 2x thumb
Also make sure you did not select your site from a template because they are preset and once you start they cannot be changed. Make your own template.