• 1
    Select the Title element on the stage.
  • 2
    Select the icon for the Container Inspector.
  • 3
    We want to apply the image as a background behind the entire Section. Select Section.
  • 4
    In the Background options, select Image.
  • 5
    The Media Background panel opens. Select Image.
  • 6
    The Media Browser opens. Upload the image, if needed. Select the image Meeting_Two_People.
  • 7
    Select Insert.
  • 8
    The image will be shown in the preview area of the Media Background panel, and will be added to the page.

    By default the first option under the Fit settings is selected. This setting keeps the image at its own aspect ratio but only allows it to expand based on its own maximum size. In some display uses, the image could actually not fill the whole space available in the section.

    We want the image to be able to fit the Section but not distort its aspect ratio.

    Select the third Fit setting to do this.



    Click on The background image maintains its aspect ratio and fits its smallest dimension to the surface, causing the larger dimension to overflow
  • 9
    We'll leave the image set to the default Scroll option. We also want the background image to scroll at a different rate than the text content over top of it. Select the Parallax Slow option.
  • 10
    Select the Container Inspector icon to close up its panels.
  • 11
    You can see the image has been added as a background behind the text elements in the Section.
  0     0

Similar Projects

Questions  ( 0 )