To change the opacity of an element in a Flexitive design, first select the element you'd like to change the opacity of. 


For images, open the Images Setting panel, and for Text open the Text Settings panel. 


Scroll to the Opacity Slider and use the slider to change the opacity of the selected element. Changes to the opacity of an element will affect all sizes for your project.



An element opacity can be set to any value from 0% to 100%, with 0% being completely transparent and 100% being completely opaque.



The Flexitive Colour Picker can also be used to set the Opacity of the following elements:

  • Text
  • Shapes
  • The Background Colour



For these elements, you will be able to adjust opacity with the slider, or by inputting a rgba value.