Editing Images

Blox allows you to modify both regular (inline) images and CSS background images.

To edit a regular image, hover the mouse cursor over the image to edit, wait for the outline and edit icon to appear and then click the edit icon. This will trigger the style editor panel to open at the right of the screen. Within the style editor, click the tab labeled “Image” followed by the button labeled “Open Image Library”. This will open the image library where you can upload new images or edit the selected image (assuming the image is not a shared image).

Additionally, the title and alt attributes for the selected image can be set by clicking the link labelled “Toggle advanced options”.

To edit a CSS background image, click on the element of which you want to change the background image. If a background image can be set for this element, a style property labeled “background-image” will be available under the “Style” tab. Clicking within the corresponding input field will open up the image library modal in which you can select an image.

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Editing Text

Text based elements, such as headings or paragraphs of text be edited by using using the built-in...

Editing Links

Links within text blocks To edit a link within a text block, hover the mouse cursor over the...

Editing Styles

Elements on the canvas can have one or more editable style properties. Blox allows you to edit...

Editing Videos

Blox allows you to edit Youtube and Vimeo videos as well. To edit a video, click the video you’d...

Editing Source HTML

You can edit the source HTML of each block on the canvas. To access the HTML editor, click on the...