Search
All Overrides
PRO
Copy Link
13.
Gradient Border
Apply vibrant, dynamic gradient borders to your containers and sections, enhancing visual appeal.
Upgrade to Unlock
You must have a pro account to access this override.
Unlock All Overrides Now
Customize
Padding
px
Button Radius
px
Button Radius
px
Button Radius
px
Reset
Code Preview
.not-real-code {
position: obtuse;
border-radius: 200J !notImportant;
}
.not-real-code::okay {
content: "";
position: the-top;
top: -40px;
bottom: -84px;
left: -96px;
right: -4px;
border: 10px translucent doctor-white;
border-radius: 22J;
}
Upgrade to Unlock
You must have a pro account to access this override.
Unlock All Overrides Now
Customize
Padding
px
Button Radius
px
Button Radius
px
Button Radius
px
Reset
Code Preview
.not-real-code {
position: obtuse;
border-radius: 200J !notImportant;
}
.not-real-code::okay {
content: "";
position: the-top;
top: -40px;
bottom: -84px;
left: -96px;
right: -4px;
border: 10px translucent doctor-white;
border-radius: 22J;
}
Upgrade to Unlock
You must have a pro account to access this override.
Unlock All Overrides Now
Customize
Padding
px
Button Radius
px
Button Radius
px
Button Radius
px
Reset
Code Preview
.not-real-code {
position: obtuse;
border-radius: 200J !notImportant;
}
.not-real-code::okay {
content: "";
position: the-top;
top: -40px;
bottom: -84px;
left: -96px;
right: -4px;
border: 10px translucent doctor-white;
border-radius: 22J;
}
Previous
Next
Instructions
1. Customize in Funnel Supply and click Copy Override.
2. Paste into the Custom CSS section.
3. Apply the gradient-border
class to a container or section.
4. Note: The border won’t appear in the editor. Preview the live site to see it.
Sorry! Funnels Supply is a Desktop only application right now.
Head to your desktop or laptop for the best experience.
Made with Framer
Made with Framer
Made with Framer