GRADIENT OVERLAY CARD
FOR
kajabi
Make your sections stand out with bold background images and smooth gradient overlays that keep text readable and visually powerful.

Why Use thIS Widget

Improve Text Readability 
on Images
This card lets you place text directly on top of images - without losing clarity, thanks to the customizable gradient.

Highlight Key Messages 
in Style
Use striking visuals with short calls-to-action, quotes, benefits, or stats - perfect for grabbing attention.Â

Control the
Look & Feel
You decide how the gradient appears: from top, bottom, left, or right - and what colors it blends between.Â
Widget benefits

Customize Cards for Any Brand
Use your own brand palette - from subtle shading to bold overlays - and create a visual flow that matches your aesthetic.
Choose Your Gradient Direction: Top-to-bottom or left-to-right
Text Overlays Stay Clean
Built-in padding and layering keep your content visible, even on detailed or bright images.


One-Block Visual Section
Create eye-catching feature blocks, quotes, or CTAs in seconds - no code needed.Â
See It in Action
OUR Team
Our Mission
Promotional Banner
How to Add the Gradient Card to Your Site
01
Complete Your Purchase
02
Import the
Page
03Â
Customize Your Content
04
Duplicate and
Reuse
- Note for Pro Plan users:
You’ll also receive a code version. If you have access to Modify Code, you can copy/paste the widget directly into any Kajabi page.
Ready to use the Gradient Overlay Card Widget on Your Kajabi Site?

Can I change the gradient direction and color?
Is it only for quotes or banners?
Can I use it with any background image?
Is it mobile-friendly?
Can I use it to promote courses or services?
Do you offer refunds?
Ready to Use Gradient Overlay Card?
- A ready-to-import Kajabi page with the widget already installed
- A step-by-step installation guide
- Bonus instructions for Pro users (copy/paste code option)
- A customization guide to help you tailor the widget to your brand