Experience Editor
Setting component opacity

The opacity for any component can be adjusted under Design Tools. In our demonstration, we have adjusted the opacity for an Image component, but the same method is applicable for all other component types.

1. Click on the component on the canvas that you want to adjust the opacity for. The corresponding properties open on the right.

2. Under Properties, click on Design Tools.

3. To adjust the Opacity, you can drag the corresponding slider towards the left (to decrease opacity) or towards the right (increase opacity).

4. You can also directly set an Opacity value in the input box.
Please note that the opacity has been defined on a scale of 0-1.

Please note that for Text Component, the opacity can only be adjusted within a Video Template. i.e text opacity cannot be adjusted in an image template.

Was this article helpful?
Nexweave Knowledge Base | 2024