Width of template in website builder thumbnail is not the same in Preview

Asked by:
mingab / 26 Points
2012-10-19 9:26 am EST
When I look through the templates in Step 2 (Design), there are narrow ones and wider ones. Why is it that when I have chosen a narrow one (I have tried quite a number) and Preview it (by clicking on the Preview button), the "site" is much wider, filling the whole width of the screen?

It's the narrow one that I need.

To ask this user for more information, please first login.

To submit an answer, please login.



3,713 Points
2012-10-19 10:23 am EST
Hello mingab, and thanks for your question.

Unfortunately the width of your site is going to be directly controlled by the template that you've selected, and in most cases the template's tables are set to a width of 100% even if in the initial thumbnail preview it might look skinnier.

After you actually publish the Builder site to the web-server, you can go directly to the pages and manually modify the style if you'd like. In your case if you wanted to make the width smaller, typically you'd look for the following line in the code:

<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" class="main-bg" style="width: 100%; height: 100%;">

You'd want to change that to something along the lines of:

<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" class="main-bg" style="width: 75%; height: 100%; margin-left: auto; margin-right: auto;">

You can modify your pages after they're published by using cPanel's File Manager, we have an article explaining how to use this below:

Using cPanel's File Manager

Unfortunately this change would need to be made on all of your pages, for instance you'd need to modify your (index.html) page as well as (page1.html), (page2.html), etc...

Please let us know if you have any questions at all.

- Jacob

To submit a comment on this answer, please first login.

Want to share this Question?

Related Articles

It looks like there are no related articles.
Would you like to ask a question about this page? If so, click the button below!

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.