TARGET ELEMENT ID

Canvas

Preview Background(preview only)

Match this to your website section's background color. The preview background acts as the section background of your page so your design blends seamlessly.

Card Content

Step Number

Title

Paragraph

Icon Color

SVG Icon (paste code)

Need an icon? Find one on Font Awesome or Tabler Icons , copy its SVG code, and paste it here.

Section Header

Section Heading

Heading Font Family

Need a font? Check Google Fonts and copy the name and paste it here.

Heading Font Style

Heading Font Size

42px

Heading Color

Section Subheading

Subheading Font Family

Subheading Font Style

Subheading Font Size

15px

Subheading Color

Card Typography

Step Number (01, 02, 03)

Step Number Font Family

Step Number Font Style

Step Number Font Size

48px

Step Number Color

Card Title

Card Title Font Family

Card Title Font Style

Card Title Font Size

20px

Card Title Color

Card Paragraph

Card Paragraph Font Family

Card Paragraph Font Style

Card Paragraph Font Size

15px

Card Paragraph Color

Glow Effect

Glow Color

Card Background

Background Type

Card Background Color

Border & Shape

Divider & Border Color

Border Radius

24px

Miscellaneous

Touch & Mobile Devices

Always show hover glow on mobile

Forces active hover state on mobile and touch devices so cards and glow effects are always visible without touch interaction.

Live Preview

Step Cards Glow

Code copied to clipboard!

Step Cards Glow - KazyUI