Blog Post Editor Toolbar in Mobile Editor

Once you start typing, a Toolbar will appear at the bottom of the page.

Adding Heading

  • Click the H button on the toolbar to add a Heading:

Adding Text

  • Click the Aa button on the toolbar to add text:

Adding Image

  • Click the Image icon on the toolbar to add a photo:

  • To upload an image from your smartphone, click inside the Drag & Drop frame, open the Upload dialog, and select the image:

  • You can also replace the image or link it to a web page, file, email address, or phone number:

  • Add the Color Overlay to your image:

  • Add a Color Overlay to your image and change the overlay color:

  • Choose the desired image size by selecting Default, Wide, or Full.

Please Note: On the desktop version, this size will be different (stretch to the full width of the screen).

  • Use Settings to add a caption and enable On Click Enlarge to let visitors view the full-size image: 

  • Click on the image to move, duplicate, or delete it in the appeared Toolbar:

Adding Video

  • Add a video by selecting the Video button on the toolbar:

  • You can edit a video by clicking on it.
  • Choose the desired video size by selecting Default or Wide:

  • Choose the desired video size by selecting Default or Wide:

  • Use Settings tab to customize the video:
    • Video Link: Replace the sample link with your YouTube, Vimeo, or Dailymotion video URL.
    • Autoplay: Select to start the video automatically when the page loads. If Autoplay is disabled, visitors must click the video to start it. 
    • Allow Full Window: Leave selected to allow full-screen viewing. Deselect to retain the placeholder size.

  • Use the Design tab to choose the color of the progress bar and video preview image:

Adding Lists

  • Add the Unordered List or Ordered List to your text:

  • Modify the List style, bullet color, and offset using the toolbar options:

Adding Blockquote

  • Add and modify the Blockquote using the toolbar settings:

Adding Line

  • Add the Line between other elements on the page:

  • Use the Toolbar to modify the Line by clicking on it:

Adding Spacer

  • Add and modify the Spacer using the toolbar settings: