The Pathable system allows for transparency in design; this option exists for any element with the color selector. Colors can be affected at the following levels:
- Entire app level: Styles > Global Styles
- Page level: Content > select the page to edit > select Styles Mobile or Styles Desktop tab
- Widget level: Content > select the page to edit > select the widget to edit > select Styles Mobile or Styles Desktop tab
The screenshot below displays the color selector for a background color:
Color selectors accept hex codes or RGBA codes.
If you'd like to have a 100% transparent "color" (for example, you'll be using a background graphic, so you don't want a color to interfere, enter #0000 in the Hex field for full transparency.
If you'd like to control the percentage of transparency of a specific color, add one of the following two-digit codes to the end of the hex code you want to use. For example, #ffffff is white. If you want a white color, but at 50% transparency, you'd use #ffffff80 in the Hex field.
Here are the transparency levels and their corresponding codes: