To change the opacity of an element in a Flexitive design, select the element you'd like to change the opacity of and open the Customize panel. In the Customize panel, scroll down 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.



For Images, Videos and Widgets, the Opacity Slider is located in the Customize Panel, and can be set to any value from 0% to 100%, with 0% being completely transparent and 100% being completely opaque.



The Flexitive Colour Picker is 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.