Formatting a Background Image in a Custom Page

You can format the background image set for a custom page - add custom filters, text, drawings, shapes, stickers, frames, and corners, and resize, crop, and rotate it.

  1. Navigate to Partner Portal > Custom Pages.
  2. Open the custom page you want to edit.
  3. In the WYSIWYG content editor area, go to one of these areas, depending on where the background image is used: 
    • For the whole page - Go to the Settings tab in the right-hand panel, and scroll to General Options > Background image.
    • In a content row - Click the row that contains the background image, to highlight it (outlined in blue). The Row Properties menu opens in the right-hand panel. Scroll to Backgrounds > Row background image.
  4. Click Apply effects.

    admin_custom_page_background_image_apply_effects.png

    The image editor opens.

    admin_custom_page_background_image_image_editor.png

  5. Make changes as required:
    • Filter - add color filters
    • Resize - add a new size for the image, with the option to maintain its aspect ratio when resizing
    • Crop - crop the image by dragging its edges as required or selecting a prescribed aspect ratio (e.g. 3:2)
    • Transform - rotate the image clockwise or counter-clockwise, or invert it
    • Draw - add freehand marks to the image
    • Text - add text to the image

      Click Add Text to add a text box.

      Double click on the text in the text box (as a default, it contains Double click here) and update it as required. Use the toolbar options to set the text color and the font.

      Use the + and   to access formatting options for the text box - shadow, outline, background color, etc.

      admin_custom_page_background_image_text.gif

    • Shapes - add pre-drawn shapes such as arrows, stars, and squares 
    • Stickers - add predefined stickers/emoticons
    • Frame - add a predesigned frame
    • Corners - define the radius of corners in the image
  6. Click Apply in any of the tabs to apply the effects.
  7. Click Save at the top of the page to confirm the change.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.