Add gradient borders in WordPress
Turn any border dashed or dotted, side by side, or draw a two color ring just inside the edge that can flow slowly around the block.
Type
An upgrade to Group and Columns
Find it
Section settings, Gradient border
Phones
The ring keeps flowing unless phone motion is off
Speed
Its styles arrive only where a border needs them
Edges with a glow.
This is the real Borders and gradient border setting, running on this page.
Admit one
Friday film night
Doors at 7pm, Screen 2
Row F, seat 12
Tear here
Popcorn and a drink
Show this stub at the kiosk
Good on the night only
Settings Gradient border Secondary to Lilac Animate 8 seconds Border style Dashed
The settings worth knowing.
A dashed or dotted line, or a gradient ring. Not both on one block.
Top and bottom
Border style
Dashed or dotted
Restyles a WordPress border, on every side or only the sides you pick.
Ringed card
Primary to Secondary
Gradient border
A two color ring
A ring just inside the edge, between two palette colors, at any angle.
1px
4px
10px
Width (px)
Thin or bold
From 1 to 12px, 2 by default.
One lap
Every 16 seconds
Animate
A ring that flows
The colors sweep around the block, one lap every 2 to 20 seconds.
Three steps. No new tool.
Fair questions.
Make your next site beautiful.
GrinBot designs and builds it for you. Join the waitlist for the launch price.
- Studio-quality design
- Built for speed
- Pay once, no subscription
We’ll email you about the launch. Unsubscribe any time. Privacy policy
