Editing images in the editor

Editing images in your B12 editor

Carolyn Smiga avatar
Written by Carolyn Smiga
Updated over a week ago

Need to make edits to images in the editor? You can use our editing tools to crop, rotate, position, add filters, and metadata for the image!

1. Log in to your editor and click Website, then click on Pages

2. Select the Page and Section containing the image you would like to edit.

3. Click on the image you would like to edit.
​

4. At the bottom of the "Media" box where the image is displayed, you will find 4 options.
​

Edit Option

The Crop, Rotate, and Filter settings can be found in "Edit"

When you click "Edit", a pop up will open with the image on the right and the editing options on the left

Select "Crop Image"

Select the area you would like to crop the image to on the right

Once you have that selected, click "Crop Image" again to finalize the crop of the image

Position Option

Once Position is selected you will see the image and positioning settings open in the left panel.

The top section provides the ability to edit the positioning of the image for each screen size (Desktop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait). You can find more information on this here!

When an image is added it will default to the setting "Scale image to fill the container". If you find that the whole image isn't showing, you can uncheck the box next to that option and using the "Zoom", "Horizontal", and "Vertical", adjust the image to appear the way you would like.
​

Metadata Option

Here you can use the drop down in the left panel to add a Caption, Alternative Text (for accessibility) or Tags to an image.

Replace Option

If you need to swap out the image for a different image, you can by selecting the Replace Option

If you have any questions about editing images we are happy to help! You can reach us via email at hello@b12.io and via live chat in the bottom right corner of your editor, Monday - Friday, 9am-5pm ET.

Did this answer your question?