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.
Adjusting the width for all pages at once:
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.
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!
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.
- Click Websites Manager in the left navigation menu.
- Click Edit Site.
- Click Page Settings in the top toolbar and go to the Background, Links, Footer tab. Adjust the page width for this page only.
- Once you have edited the page width, Save and Publish your website.
Adjusting the width for all pages at once:
- Login to your website account.
- Click Websites Manager link in the left navigation menu.
- Click Edit Site.
- Click on the heading icon in the top toolbar.
- Click Page Settings.
- 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!
-
356 Points
Posted 7 years ago
Homestead FAQ, Employee
-
43,296 Points
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.
Adjusting the width for all pages at once:
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.
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.
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.
- Click Websites Manager in the left navigation menu.
- Click Edit Site.
- Click Page Settings in the top toolbar and go to the Background, Links, Footer tab. Adjust the page width for this page only.
- Once you have edited the page width, Save and Publish your website.
Adjusting the width for all pages at once:
- Login to your website account.
- Click Websites Manager link in the left navigation menu.
- Click Edit Site.
- Click on the heading icon in the top toolbar.
- Click Page Settings.
- 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.
-
180 Points
-
180 Points
-
102 Points
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..
This reply was created from a merged topic originally titled
Viewing my site in full..
Mike F., Alum
-
184,578 Points
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
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
-
212 Points
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?
Mike F., Alum
-
184,578 Points
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.
-
212 Points
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.
Mike F., Alum
-
184,578 Points
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...
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...
-
1,104 Points
-
102 Points
-
220 Points
-
112 Points
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.
This reply was created from a merged topic originally titled
Width of page not filling up monitor screen.
Mike F., Alum
-
184,578 Points
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
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
-
82 Points
-
120 Points
-
120 Points
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!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Mike F., Alum
-
184,718 Points
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
Mike
-
120 Points
I tried that as well but what i don't like is there is so much blank spaces on either side.
-
120 Points
Okay great!!! MUCH BETTER. Thank you. Still more on the sides that i want but it is much better then before...
Mike F., Alum
-
184,718 Points
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.
-
6,584 Points
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?
Mike F., Alum
-
184,718 Points
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.
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.
-
6,584 Points
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.
Mike F., Alum
-
184,718 Points
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.
-
6,584 Points
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.
Mike F., Alum
-
184,718 Points
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.
It's fairly likely someone else has tried this before if you want to solicit help from other Community members.
-
332 Points
-
130 Points
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???
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???
Drew N, Alum
-
262,696 Points
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.
Hope this helps.
Thanks
Drew
If this post helps, please give me a "Star" and complete this survey to rate my performance.
-
130 Points
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.
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.
Drew N, Alum
-
262,696 Points
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
Drew
-
394 Points
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!
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!
Drew N, Alum
-
262,696 Points
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...
Please reference the new topic here: I think it would be great to be able to set page width by a percentage(%) instead...
-
718 Points
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?
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?
-
718 Points
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.
Mike F., Alum
-
184,578 Points
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
Mike
-
718 Points
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.
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.
-
232 Points
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.
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.
Mike F., Alum
-
184,578 Points
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'
-
82 Points
-
222 Points
-
142 Points
-
82 Points
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
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
Mike F., Alum
-
184,718 Points
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
Mike
-
112 Points
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
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
Mike F., Alum
-
184,578 Points
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
Mike
-
112 Points
This reply was created from a merged topic originally titled
Page width changes even when saved and published.
Page width changes even when saved and published.
Mike F., Alum
-
184,578 Points
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
Mike
-
112 Points
There's no Heading icon in the top toolbar after clicking Websites manager. How do I fix the width for all pages at once.
Drew N, Alum
-
262,696 Points
You have to click Edit Site and then continue to follow the steps above.
-
296 Points
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.
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.
Mike F., Alum
-
184,698 Points
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
Mike
-
134 Points
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
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
Drew N, Alum
-
262,646 Points
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
Hope this helps
Drew
I need to reduce length of some pages but can't figure out how
Drew N, Alum
-
262,646 Points
Which pages? The page should get shorter as you remove elements from the bottom of the page.
-
130 Points
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.
RENEE7947
Drew N, Alum
Aaron5839
Drew N, Alum
themieleman, Champion