FAQ - Premium Website Builder and Banners
Written by Brad MarkleThe following is a list of several of the more common questions that we receive regarding banner usage within the Premium Website Builder.
Before beginning with the Q & A, let's first review what specifically we are referring to by the banner. The banner is an image that shows in the top part of your website on every single page. Please see the screenshot below:
What size should my banner be?
For the best possible fit, you should create a banner that has the same size dimensions as the included banners for that template. To find the size of the included banners:
Firefox
- On the "2. Design" step, choose a default banner and click "Preview"
- Right click on the banner and choose "View Background Image"
- Right click on the banner and choose "Properties"
As you can see from the screenshot, the ideal banner size will be 504px by 254px.
Internet Explorer
- On the "2. Design" step, choose a default banner and click "Preview"
- Right click on the banner and choose "Save Background As..." and save the header image to your desktop
- Right click on the image now on your desktop and choose "Properties" and then click the "Summary" Tab.
As you can see from the screenshot, the ideal banner size will be 504px by 254px.
How can I design a banner that looks like it fits with my template?
Many templates include a banner that is not simply a photo, but instead has special borders and other features.
Take for instance the following banner:
As you can see, the default banner image is not just a picture of a a plate of food, but it also has some design features such as the light blue arcs to the far left.
In this article, let's say I would like to use the following image as my banner:
When I upload this banner and preview, you can see from this screen shot that the image is stretched and does not look ideal.
The steps below require that you have some experience with editing images using an application like Photoshop or Gimp. While the Technical Support Department cannot edit or create banners for you, there are many sources online that can recommend programs to use and offer assistance with using them.
The following are a few links that we found that should help:
The first thing you'll want to do is save one of the default banners to your desktop. To do so:
Firefox
- On the "2. Design" step, choose a default banner and click "Preview"
- Right click on the banner and choose "View Background Image"
- Right click on the banner and choose "Save Image As..." and save it to your desktop
Internet Explorer
- On the "2. Design" step, choose a default banner and click "Preview"
- Right click on the banner and choose "Save Background As..." and save the header image to your desktop
When we download the default banner to our desktop, it looks like this:
Using your favorite photo editing software, clean up the image a bit so that it looks more generic, like this:
You can use this generic image and incorporate your banner, similar to this:
When you preview your page with your new banner, you'll see that you now have a much better fit:
Like this Article?
Tweet
Latest Questions
If you need some help, submit your question to our Community!
We guarantee a response within 60 minutes (8am - 9pm EST, Monday - Friday)
Recent Questions
Need more Help?
Search
Ask the Community!
Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.
Current Customers
| Chat: | Click to Chat Now | E-mail: | support@InMotionHosting.com |
|---|---|---|---|
| Call: | 888-321-HOST (4678) | Ticket: | Submit a Support Ticket |