Adding Images Print

  • 0

How to - PICTURES & IMAGES 

How to use "Picture"? 

  1. Adding picture:
    • Drag & drop "Picture" from main toolbar;
    • Choose picture composition;
    • Select picture from free gallery or upload your picture;
      Note. You can also drag & drop image from your computer.
  2. Editing picture:
    • Select picture and click "Change Picture" on context toolbar;
    • Select media:
      • Click "Upload new picture" in "Template Gallery" tab; 
      • Select "Free Gallery" tab and type in search bar which picture you need and click search icon; 
      • Select "Picture URL" tab, write picture URL and click "Import into gallery" button. 
  3. Customising picture:
    • Crop:
      Click  button on picture and move / resize orange cropping area to change visible area of photo and click checkmark to save changes on lower right corner.
    • Opacity:
      Adjust picture opacity in right toolbar.
    • Alternative text:
      Write "Information for an image if a user can not view it".
    • Border:
      Click border  in right toolbar. Select width, colour and style for border.
      Also you can select to have different borders and differnet corners
    • Shadow:
      Click shadow  in right toolbar. Select distance, size, blur, colour and style for shadow.
    • On click management:
      Select picture and click to "Enlarge picture on click" in right toolbar or select URL and write link properties in pop-up window.
    • Size:
      Adjust picture size or select "Allow to adjust size automatically" in right toolbar.

What "Gallery" types there are? 

Website builder gallery types:

  1. Thumbnails;
  2. Masonry;
  3. Background,
  4. List;
  5. Map;
  6. Slideshow:
    • Slideshow;
    • Slideshow with captions.

How to use "Gallery Thumbnails"? 

  1. Adding gallery:
    • Drag & drop "Gallery" from main toolbar;
    • Choose Thumbnails gallery composition;
    • Select gallery and click pictures editing button  in right toolbar;
    • Click "Add Pictures" to upload pictures.
    • Click "Size" in right toolbar;
    • Set gallery size or select "Allow to adjust size automatically".
  2. Customising gallery:
    • Gallery pictures:
      Select gallery and click pictures  in right toolbar. Add pictures title, link, address and description.
    • Background:
      Select gallery and click background  to choose background colour/opacity in right toolbar.
    • Thumbnails:
      Write thumbnails width, height, padding and align. Set animation effect and other configurations for default and / or hover.
    • Captions:
      Set how to show picture caption, background colour and text style in right toolbar.

How to use "Gallery Background"? 

  1. Adding gallery:
    • Drag & drop "Gallery" from main toolbar;
    • Choose Background gallery composition;
    • Select gallery layout and click Background element editing button  in right toolbar;
    • Click "Gallery Pictures" ;
    • Click "Add Pictures" to upload pictures;
    • Click "Size" in right toolbar;
    • Set gallery size or "Allow to adjust size automatically" in right toolbar.
  2. Customising gallery:
    • Select gallery layout and click Background element editing button  in right toolbar;
      • Gallery pictures:
        Click "Gallery Pictures"  to edit pictures title, link, etc.;
      • Background:
        Click "Background colour"  to choose background colour / opacity;
      • Border:
        Click "Border"  to choose width, colour, etc.;
      • Gallery types:
        Change gallery typeand adjust available features for each type;
      • Captions:
        Select "Captions" tab. Set how to show picture caption, caption background colour, etc.;
      • Options:
        Select "Options" tab. Write anchor name, class name, etc.

How to use "Gallery Slideshow"? 

  1. Adding gallery:
    • Drag & drop "Gallery" from main toolbar;
    • Choose Slideshow gallery composition;
    • Select gallery and click pictures editing button  in right toolbar;
    • Click "Add Pictures" to upload pictures.
    • Click "Size" in right toolbar;
    • Set gallery size or select "Allow to adjust size automatically".
  2. Customising gallery:
    • Gallery pictures:
      Select gallery and click pictures  in right toolbar. Add pictures title, link, address and description to have gallery with slideshow.
    • Background:
      Select gallery and click background  to choose background colour / opacity in right toolbar.
    • Thumbnails:
      Click thumbnails border  to choose border width, colour and style in right toolbar.
    • Slideshow:
      Set picture change frequency and transition duration in right toolbar.
    • Captions:
      Set how to show picture caption, background colour and text style in right toolbar.

How to use "Gallery List"? 

  1. Adding gallery:
    • Drag & drop "Gallery" from main toolbar;
    • Choose List gallery composition;
    • Select gallery and click pictures editing button  in right toolbar;
    • Click "Add Pictures" to upload pictures.
    • Click "Size" in right toolbar;
    • Set gallery size or select "Allow to adjust size automatically".
  2. Customising gallery:
    • Gallery pictures:
      Select gallery and click pictures  in right toolbar. Add pictures title, link, address and description.
    • Background:
      Select gallery and click background  to choose background colour/opacity in right toolbar.
    • Thumbnails:
      Write thumbnails width, height and padding in right toolbar.
    • Slideshow:
      Set picture change frequency and transition duration in right toolbar.
    • Captions:
      Set how to show picture caption, background colour and text style in right toolbar.

How to use "Gallery Masonry"? 

  1. Adding gallery:
    • Drag & drop "Gallery" from main toolbar;
    • Choose Masonry gallery composition;
    • Select gallery and click pictures editing button  in right toolbar;
    • Click "Add Pictures" to upload pictures.
    • Click "Size" in right toolbar;
    • Set gallery size or select "Allow to adjust size automatically".
  2. Customising gallery:
    • Gallery pictures:
      Select gallery and click pictures  in right toolbar and add pictures title, link, address and description.
    • Background:
      Select gallery and click background  to choose background colour / opacity in right toolbar.
    • Thumbnails:
      Write thumbnails width, padding, align. Set animation effect and other configurations for default and hover.
    • Captions:
      Set how to show picture caption, background colour and text style in right toolbar.

How to use "Gallery Map"? 

  1. Adding gallery:
    • Drag & drop "Gallery" from main toolbar;
    • Choose map gallery composition;
    • Select gallery and click pictures editing button  in right toolbar;
    • Click "Add Pictures" to upload pictures.
    • Click "Size" in right toolbar;
    • Set gallery size or select "Allow to adjust size automatically".
  2. Customising gallery:
    • Gallery pictures:
      Click pictures editing button  in right toolbar and add pictures title, link, address and description.
      If picture has GPS coordinates data, map will recognise location automatically.
    • Google maps:
      Specify "Map center" by writing coordinates, address or setting marker and write "API Key" to set map location in right toolbar.
      Customise map's zoom level, theme, map type, marker type and set other map options.
    • Captions:
      Set how to show picture caption, background colour and text style in right toolbar.

What free images are used in website builder templates?

All images used in templates are CC0 licensed. You can read more here.

 


Was this answer helpful?

« Back

Powered by WHMCompleteSolution