How to set up and style the Blockquote widget in Elementor.
Blockquote shows a quote in one of five styles, with the name, role or source and an optional photo of the person quoted. Use it for pull quotes in articles, expert opinions or a short customer comment.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Style | Side Border, Big Quote Mark, Card, Centered or Pull Quote. |
| Quote | The quote text. |
| Drop Cap | Makes the first letter large. |
| Quote Icon | Shows the quote mark in the Big Quote Mark, Card and Centered styles. |
| Custom Icon | Your own icon instead of the built-in quote mark. Leave it empty to keep the built-in one. |
| Option | What it does |
|---|---|
| Name | The person quoted. |
| Role or Source | A job title, company or the name of the source. |
| Source Link | Links the role or source text and adds the source address to the quote. |
| Photo | A small photo next to the name. |
| Image Size | The image size used for the photo. |
| Alignment | Left, center or right. |
Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
accent color, side border width, background, padding, border, radius and shadow.
color and typography, plus drop cap color and typography.
color, size and opacity.
space above, name and role colors and typography, role hover color, photo size and radius.
Yes. Leave Name, Role or Source and Photo empty and only the quote shows.
It turns the role or source text into a link and tells browsers where the quote comes from.
Yes. In the Big Quote Mark, Card and Centered styles, pick any icon under Custom Icon.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide