Using the Picture tool  in Website Builder

Last modified: Thursday November 30th, 2023

This article describes how to use the “Picture” tool in Website Builder.

Adding picture

  1. Drag & drop “Picture” from the main toolbar: Using the Picture tool  in Website Builder drag drop picture website builder 1024x175
  2. Choose a picture composition and click on it:       Using the Picture tool  in Website Builder picture composition website builder
  3. In the window that appears select a picture from the free gallery or upload your picture:    Using the Picture tool  in Website Builder upload picture website builder

Editing picture

  1. Select a picture and click “Change Picture” on the context toolbar: Using the Picture tool  in Website Builder changed picture website builder 1024x531
  2. Select media:  Choose to upload a new picture, use the free gallery, and just type in what picture you need and click “Search”, write the picture URL and click “Import into gallery” or search in the “Font Awesome Icon” gallery and click the “Select” icon.                    Using the Picture tool  in Website Builder picture url website builder

Customizing picture

  1. Crop: Click the “crop” button on the picture and move/resize the orange cropping area to change a visible area of the photo and click the checkmark to save changes in the lower right corner.        Using the Picture tool  in Website Builder crop picture website builder 1024x589
  2. Opacity: Adjust picture opacity in the right toolbar. Using the Picture tool  in Website Builder opacity picture website builder 1024x415
  3. Alternative text: Write “Information for an image if a user can not view it”.
  4. Border: Click the border in the right toolbar. Select the width, colour, and style for the border.
    Also, you can select to have different borders and different corners Using the Picture tool  in Website Builder border picture website builder 1024x419
  5. Shadow: Click shadow in the right toolbar. Select distance, size, blur, colour, and style for shadow.
  6. On click management: Select a picture and click to “Enlarge picture on click” in the right toolbar or select URL and write link properties in a pop-up window.
  7. Size: Adjust picture size or “Allow to adjust size automatically” in the right toolbar. Using the Picture tool  in Website Builder picture size website builder 1024x421

Build your own free professional website with Beehosting Website Builder.

Was this article helpful?
Views: 146

10 Years Beehosting!
Celebrate with 70% OFF + FREE Site Transfer.

Facebook Instagram linkedin

Beehosting.pro website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Menu