Blog Post Editor Toolbar

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:

  • In the Image Library, select Upload Photos:

  • Click Select a Photo to locate an image on your computer. Alternatively, you can drag and drop the image:

Also, you can use Free Stock Photos :

  • Open the Image Library and click the Stock Photos button. 
  • You can search for photos using the search input at the top of the page.
  • Select the photo, then click Edit to modify it according to your preferences. Or click Use Image to add the photo to your project.

Click on the added image to be able to:

  • Replace it with another photo.
  • Link it to a web page, file, email address, or phone number.
  • Add a Color Overlay to your image and change the overlay color.
  • Choose the desired image size by selecting Default, Wide or Full:
  • Use Settings to add a caption and enable On Click Enlarge to let visitors view the full-size image: 

  • Hover over the image to move, duplicate, or delete it:

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:

  • 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 features 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:

Related Articles