All Collections
Connection: App & PWA Website
App Pages
Add Opacity or Gradient Layer to Cards
Add Opacity or Gradient Layer to Cards

How to add opacity or gradient layers to the background images of the cards on your App & PWA Website

Support avatar
Written by Support
Updated over a week ago

Adding Opacity or Gradient Layers to Cards allows your buttons and titles to appear clearer and your background image to appear dimmer, enhancing the design and feel of your app and website


How to Add Opacity or Gradient Layer

Step 1: In your Dashboard, select the Connection module in the dropdown menu

Step 2: Select App Management then select App Pages in the left side menu

Step 3: Select the edit icon next to the Home page or Folder page depending on which cards you would like to edit

Step 4: Select the edit icon next to the specific card you would like to edit

Step 5: Upload a Card Background Image

The opacity/gradient feature will not show until an image is uploaded

Step 6: Select Effect On Image menu to choose whether you would like to add an opacity layer or gradient layer to your card

Step 7: Select the color selector to explore your color options and choose one

Step 8: Select Save

Gradient Layer Example:

Opacity Layer Example:

Did this answer your question?