Add and edit images in your template

If you have a Placid PRO account or use our WordPress plugin, you can add and edit text elements in our editor. To open a template in the editor, click the Edit Template button when you're logged in on placid.app (PRO subscription) or in WordPress under Tools > Placid Social Images > Templates (plugin users).

Add an Image Element

Click on Create new Picture Element to add an image element to your canvas.

file

Edit an Image Element

If you choose a picture element in your layer list, two additional panels with settings will appear: Position and Image Settings. You will find more information on the Position in our guide on How to position elements in your template.

file

Add a Default Image

In the Image Settings Panel, you can add a default image for your image element. This image will be displayed in your generated images if:

Image Alignment

Background Size

  • Cover: Your image will always fill the box. That could result in some parts of your image to be cut off, if its resolution is not the same as of the box. If your image is too small, it will be blown up. On the plus side: Your layout will never look broken because of a wrong image size! (This setting is what we use for most of our preset designs!)
  • Contain: Your image will be displayed fully in the box. That could result in empty spaces in your image container, if its size is not the same as of the box. If your image is too small, it will be blown up.
  • Width: The width of your image will be set to the width of your image container. This could result in either some parts of your image to be cut off, or in empty spaces in your image container, depending on the size of your image.
  • Height: The height of your image will be set to the height of your image container. This could result in either some parts of your image to be cut off, or in empty spaces in your image container, depending on the size of your image.

Background Position Vertical

  • Top: Your image will be positioned on the top edge of your image container.
  • Center: Your image will be positioned in the vertical center of your image container.
  • Bottom: Your image will be positioned on the bottom edge of your image container.

Background Position Horizontal

  • Left: Your image will be positioned on the left edge of your image container.
  • Center: Your image will be positioned in the horizontal center of your image container.
  • Right: Your image will be positioned on the right edge of your image container.

Border Radius

Add a border radius to give your image rounded corners, or display a square image in a circle shape.

file