Changing your Banner Image

Written By: Brad Markle
Experience Level: Beginner
Articles labeled as Beginner are those that require basic tasks to be completed, such as making simple configuration changes following a brief set of instructions. If you find yourself needing assistance, our Technical Support Department can generally assist.
Print E-mail:

Each template in the Premium Web Builder uses a banner image at the top of each page. You can change this banner, using a custom banner or one of the preloaded banners within builder. You will need to log into Premium Web Builder and select the "Design" tab at the top of the page.

Using an Existing Banner Image 

  1. Once you have navigated to the Design Tab in Premium Web Builder, in the right side pane, locate the "Banners" Section.
  2. banner1

  3. Click the "down" arrow next to the banner box. This will show you the available banners already pre-loaded into Premium Web Builder. 
    banner2
  4. Select different banner from the list to preview. Then click "Preview" on the left side of the window.
    banner3
  5. If you are satisified with the banner you have chosen, then click "Save Changes"
    banner4

Uploading a Custom Banner

If you have an image you wish to use as a custom banner, Premium Web Builder provides you with the ability to upload your own banner image to use. It is important that you upload an image the same size as the original banner. If the banner is not the same size, Premium Web Builder can distort the image to fit properly. You can use any image editing software such as Gimp, to make sure it is the same size. For this example, we will assume the image you are using is the same size as the default banner image.

  1. Click the "Browse" button and choose the image on your local computer you would like to use. 
  2. After you have selected the image, click "Upload"
  3. When the upload is finished, click "Preview" at the bottom right of the page to see how your custom banner looks on your web page.

What Image Format can I use for my Banner?

Premium Web Builder supports most major image file types including .gif, .jpg, .png, and .bmp

 

Further Reading:

Rating:
 
Please log in to rate this article.
Like this Article?
Notify Me of Updates!
Please login to subscribe to receive notifications when this article is updated.
Prerequisite Articles
  • Changing your Website's Color Scheme
  • Comments

    Comments 

     
    0 #2 Tim S. 2012-02-08 09:47
    Hi kfrankfort,

    Thanks for posting your question. I'm more than happy to assist you. You will need to use an image editor to re-size the images to the correct size. You can use a free program called GIMP to do so. Here's a link to installing GIMP on your local computer.

    http://www.inmotionhosting.com/support/website/image-editing/installing-gimp-to-edit-images

    Unfortunately, we do not have tutorials onre-sizing images, since it varies per application.

    Basically, you will need to find out the correct banner size, by previewing the site and right clicking on the banner. Then click on properties, to see the size of the image.

    Once you have the size of the image, you'll then need to edit your custom banner to match the same size using a photo editor such as GIMP. Then you can upload your edited image in the correct size.

    If you need further assistance please feel free to contact us.

    Tim S
     
     
    0 #1 kfrankfort 2012-02-08 08:20
    These instructions are fine but the only tricky part that one might need help with is not addressed here. I have a problem because my images never are the same size as the banner sizes. How do I deal with that? Can you provide step by step instructions please.
     

    You must log in before commenting.

    Need more Help?

    Search
    Current Customers
    Chat:Click to Chat Now
    Call:888-321-HOST (4678)
    E-mail:support@InMotionHosting.com
    Ticket Submit a Support Ticket
    Ask the Community!
    Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.
    Not a Customer?
    Get web hosting from a company that is here to help. Sign up today!

    Follow InMotion Hosting!

     4236 Followers. Follow Us!

    Continuing Education

    Follow this Education Channel to stay up to date on Premium Website Builder! (what is this?)
    If you're familiar with the traditional setup of college courses, then learning through our Education Channels will be a breeze. We begin with an introductory 101 class, and advance all the way up to 300 level classes. Stay up to date on your favorite topics by becoming a fan on facebook and following us on twitter (links in the right sidebar of the page).
      Followers. Follow Us!

    Further Your Education!

    Subscribe To Other Education Channels!

    Everything Email
    Website Design
    Premium Website Builder
    cPanel
    WordPress
    Using Web Host Manager
    OpenCart
    Magento Tutorial

    Have a Question?

    If you need some help, submit your question to our Community!
    We guarantee a response within 60 minutes (8am - 5pm EST, Monday - Friday)

    Recent Questions