Promoted articles
- Exporting and Downloading Organization and Session Files
- Downloading Data using the Export Hub
- Release Notes v2.24
- Poster Sessions
- Talk Now for Poster Sessions
- How to use Keys to translate Meeting Names and Desktop Headers
- Creating Keys to Translate Meeting Names and Desktop Navigation
- Unpublishing an App from the Android App Store
- Removing an App from the Apple Store
Change the Color of an Element in the App and Use Transparency Follow
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.
Using Transparency
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:
|
|