When building your site in the Premium Website Builder, there are many page types you can work with. Some page types will allow you to insert images onto your web pages. Below are step by step instructions on how to insert a chosen image into a page in your Premium Website Builder.

  1. Log into your Premium Website Builder.

  2. Once you log in, you will see a screen that has a number of steps. This article assumes you have been through step 3 and added pages to your site. Click on Step 4 to go to the edit step.
    select the steps
  3. Once you arrive, you will see a sidebar that lists the pages on your site. To select a page to work on, simply click on the page name. For our example, we will be working on the Home page. The screen will refresh to the right and display the editor for your selected page.

  4. Before you insert an image, you need to place your cursor at the location you wish to insert your image. Next, you will need to work with the icons across the top of the editor. Look for one that appears to be a mountain with a sun rising just to its right. Depending on your screen resolution, the location of the button may differ. In our example, it appears as the first icon on the second row, however it typically appears on the right half of the upper row. Click on this button to bring up the image editor screen.
    select working page
  5. The popup screen is entitled Image Properties. To add an image, select the Browse Server button. This will bring up another page that allows you to search through images on your account.
    image property screen
  6. This is the image selection page. It displays all the images you have uploaded to your builder account. This is a separate server from your actual hosting account. To upload a new image from your computer to your builder account, click on the Browse button at the bottom of the page. This will bring up a popup for you to locate the image on your local computer. It will then display in the field next to the Browse. To upload the image to your builder account, click on the Upload button found in the lower right corner of the screen.
    upload image to server
  7. After uploading, the image will be listed on the screen as a link. Click on the link to add the image to your Image Properties screen. You will see a sample of the image on the right hand side of the screen. From here, you will see a few properties you are able to edit to customize the size and orientation of the image on your page. Once you have set the image to your liking, click on the OK button.
    URL The URL of the image. This is filled in when you upload the image.
    Alternate Text Text explaining the image. This is for use when the browser cannot display the image or a user has a browser and has images turned off.
    Width The width of the image. Automatically set when uploaded. It can be edited.
    Height The height of the image. Automatically set when uploaded. It can be edited.
    Border Width Enter a number for the width of the border in pixels. Leave it blank or set to 0 to have no border.
    Horizontal Spacing Sets a padding to the left and right of the image for the number of pixels entered. Set to 0 or leave blank to have no padding.
    Vertical Spacing Sets a padding to the top and bottom of the image for the number of pixels. Set to 0 or leave blank to have no padding.
    Align Select the alignment of the image in relation to the text. Leave blank for default setting of no alignment.

    configure image settings
  8. Your image will now display on your page in the editor. If you wish to re-edit any of the properties, simply click on the image itself and you will return to the Image Properties page.Once you have completed editing your page, be sure to click on the Save Pages button located in the upper left corner of your screen.
    after image configured
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Comments

Post a comment
n/a Points
2014-03-17 1:48 pm

I am putting an image on a line by itself.  How do I keep that image centered no matter the width of the browser window?

 

Thanks for your help,

James

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

Write New!
Do you want to publish a tutorial to our support center?

News / Announcements

SSL Certficate Warnings
Updated 2014-04-14 11:34 am EST
Hits: 2221
Heartbleed 0-day OpenSSL security bug
Updated 2014-04-14 04:43 pm EST
Hits: 5643

Related Questions

Here are a few questions related to this article that our customers have asked:
Adding pics in the Premium Website Builder
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

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

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!