Background

Background is a macro that allows you to easily add a background of your choice to your page. You can add multiple Background macros to your page as a way to segment the information you are presenting. It's a great tool to engage your audience by using a combination of images and color to attract attention to key information, enhance your brand identity, and break up content into easily digestible chunks.

Instructions

  1. Navigate to the page you want to edit.
  2. Click the Edit icon.
  3. Click InsertView More.
  4. Select the Background macro in the Browse screen.
  5. Customize your background using the following options. Changes you make will be shown in the dynamic preview of the editor.

    ParameterDescriptionNotes
    Background Color

    Choose the background color for the text box. If you don't select any the background will default to white.


    You can choose one of the preselected colors, or you can select the  Pencil,  to open a color picker and choose any color you want.

    The appearance of the color picker will depend on which browser you are using.
    Background Color Opacity

    Choose how opaque the background is by moving the slider, or typing in a value from 0 to 100

    The lower the value the more see-through the background

    If you enter a number larger than 100, it will set the slider to full.
    Text Color

    Choose the background color for the text box. If you don't select any the text will default to black.


    You can choose one of the preselected colors, or you can select the  Pencil,  to open a color picker and choose any color you want.

    The appearance of the color picker will depend on which browser you are using.
    ImageDrag and drop an image file into the macro window or click Upload to select an image file from your local file storage.

    Accepted image formats: JPEG, PNG, GIF, ICO BMP, and WEBP 

    Maximum file size: 15 MB

    Image Size

    There are three options for image size in the dropdown menu:

    Original Size - the original size of the upload will be maintained

    Resize to fit into the container - the image will be sized so you can see the full image within the background, there may be some space around the image.

    Resize to fill the container - the image will be sized so the entire background is filled with the image. You may not be able to see the whole image.


    Image Position

    Select the image position from a dropdown menu.

    The options are Top left, Top center, Top right, Center left, center, Center right, Bottom left, Bottom center, and Bottom right.


    Background Image Opacity

    Choose how opaque the image is by moving the slider, or typing in a value from 0 to 100.

    The lower the value the more see-through the background image.

    If you enter a number larger than 100, it will set the slider to full.
    Rounded Corners

    Choose the radius of the curve for the corners by moving the slider, or typing in a value from 0 to 40.

    The higher the value the more obvious the rounded corner will be.

    The default value is 3px.

    If you enter a number larger than 40, it will set the slider to full.

  6. Click Insert. A macro placeholder is displayed.
  7. Insert the content you want inside the macro.
  8. Click Publish to see the Background macro in action.

Use an Image

To use an image as your background, drag and drop your chosen image into the editor or select Upload. Then use the parameters to modify the image to suit your needs. 

Images that are inserted inside the macro are part of the foreground. They will not be affected by the image parameters of the macro. For an image to be part of the background you must upload it through the macro editor.

Edit the Background

To make changes to a Background macro after it is published, first display the page in Edit mode.

  1. Click the background macro, then click the Edit icon.
  2. Make your desired changes, then click Save

Remove a Background Macro

To remove a Background after it is published, first display the page in Edit mode.

  1. To keep the content, first copy it and paste it outside the macro.
  2. Click the background, then click the Trash icon.