There are a number of additional options you can create with images. These are available in Node menu options.



  1. Block Fill: Adjust or add colors in your image using Block Fill.
  2. Opacity:  Adjust opacity of your image on your web page using Opacity feature. Opacity is set as100 for image by default, but you can manually set it from 0-100 as per requirement needs.


Below is an example to compare 100/50 opacity settings for same image.



  1. Padding and Margin: Adjust the appearance of your image and add margins using padding and margin feature. These features are used to generate space around images/text blocks. The padding adds padding around the content (inside the border) of an element. Using this feature you can have full control over the padding for each side of an element (top, right, bottom, and left).The margin properties set the size of the white space outside the border. Using this feature you can have full control over the margins for each side of an element (top, right, bottom, and left).


You can manually add values in top, right, bottom, and left sections to align image on your web-page according to your design.



  1. Hint: You can create tool-tip text as a hint for your text box/images.


Create hint as 'IPhone X' for your uploaded image.