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

Image URL

Quote

Author Name

Author Role

Section Header

Heading Text

Heading Color

Heading Font Family

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

Heading Font Weight

Heading Font Size

36px

Card Quote Typography

Quote Text Color

Quote Font Family

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

Quote Font Weight

Quote Font Size

16px

Border (Cards)

Border Color

Border Width

0px

Card Border Radius

16px

Shadow (Cards)

Shadow Color

Shadow Opacity

0.60

Shadow Offset X

-9px

Shadow Offset Y

16px

Shadow Blur

19px

Author Badge / Footer

Badge Background

Badge Background Opacity

0.08

Badge Blur

12px

Badge Border Color

Badge Border Opacity

0.12

Badge Border Radius

12px

Author Name Color

Author Name Font Family

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

Author Name Font Weight

Author Name Font Size

15px

Author Role Color

Author Role Font Family

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

Author Role Font Weight

Author Role Font Size

13px

Effects

Hover Effects

Animations

Miscellaneous

Touch & Mobile Devices

Always show hover state on touch

Forces active hover state on mobile and touch devices so card quotes and details are always visible without tapping.

Live Preview

Portrait Cards

Code copied to clipboard!

Portrait Cards - KazyUI